tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 06:06 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Opencart custom html sayfası oluşturma

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  succesfly - Görüntüleme - Okunma  1582 - Yorum  1

succesflyv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 1
Konular: 1
Katılma Tarihi: May 2020
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-30-2020 03:59 AM

Merhaba,

Forumda yeniyim bir müşterim için svg harita yapıyorum. Şu dakika itibariyle svg harita ve db bağlantısını vs hallettim. Ancak bunu opencarta nasıl geçireceğimi bilemiyorum.

https://test.ahmetduranerken.com.tr/map/map.html Map burada

iframe olarak koymayı denedim ancak o da çok güzel gözükmedi

https://test.ahmetduranerken.com.tr/inde...yilerimiz2

iframe hali de bu şekilde oldu.

Bunu sitede custom page olarak nasıl yapabilirim? Ya da düzgün şekilde iframe edebilirsem nasıl edebilirim?

Js ve css dosyası var svg sisteminde, ayrıyeten müşteri bilgisi çekmek için 1 tane de php dosyası var birde html kısmı.

Teşekkürler iyi forumlar Smile
Alıntı Yaparak Cevapla
Paylaş!
teknohizv
Latte
****
Üye user avatar
Çevrimdışı

Mesajlar: 426
Konular: 8
Katılma Tarihi: Feb 2018
Rep Puanı: 13
Teşekkürler: 26
149 Mesajına, 190 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 06-01-2020 03:07 AM
(05-30-2020 03:59 AM)succesfly Yazılan:  Merhaba,

Forumda yeniyim bir müşterim için svg harita yapıyorum. Şu dakika itibariyle svg harita ve db bağlantısını vs hallettim. Ancak bunu opencarta nasıl geçireceğimi bilemiyorum.

https://test.ahmetduranerken.com.tr/map/map.html Map burada

iframe olarak koymayı denedim ancak o da çok güzel gözükmedi

https://test.ahmetduranerken.com.tr/inde...yilerimiz2

iframe hali de bu şekilde oldu.

Bunu sitede custom page olarak nasıl yapabilirim? Ya da düzgün şekilde iframe edebilirsem nasıl edebilirim?

Js ve css dosyası var svg sisteminde, ayrıyeten müşteri bilgisi çekmek için 1 tane de php dosyası var birde html kısmı.

Teşekkürler iyi forumlar Smile

İlk adım olarak catalog/controller/information/ klasörüne bir controller dosyası ekleyin

Sizin bilgilerinize göre fastor tema için uyguladığınıza göre ona göre örnek bir controller dosyası kodu aşağıdaki gibidir.

Bu arada tüm bunları 3x opencart kullandığınızı varsayarak anlatıyorum.

Gidilecek adres olarak bayilerimiz kullanılacağını varsayarak;
controller dosyası adının bayilerimiz.php
altta anlattığım twig dosyası adı da aynı şekilde bayilerimiz.twig olmalı.
Opencart 2x kullanıyorsanız twig dosyası yerine tpl dosyası oluşturmanız ve içeriğini twig olarak değil tpl olarak hazırlamanız gerekecektir.

PHP Kod:
<?php
class ControllerInformationBayilerimiz extends Controller {
    public function 
index() {
        
$this->document->setTitle('Bayilerimiz');
        
$this->document->addStyle('view/theme/fastor/stylesheet/svg-turkiye-haritasi.css');
        
$this->document->addScript('view/javascript/svg-turkiye-haritasi.js');

        
$data['breadcrumbs'] = array();
        
        
$data['breadcrumbs'][] = array(
            
'text' => 'Anasayfa',
            
'href' => $this->url->link('common/home')
        );

        
$data['breadcrumbs'][] = array(
            
'text' => 'Bayilerimiz',
            
'href' => $this->url->link('information/bayilerimiz')
        );

        
$data['header'] = $this->load->controller('common/header');
        
$data['footer'] = $this->load->controller('common/footer');

        
$this->response->setOutput($this->load->view('information/bayilerimiz'$data));
    }


Buradaki header ve footer dataları sayfa yüklenince site header ve footer'ını direkt olarak almak için. Onları eklemezseniz ve template dosyanızda kodları yoksa yaptığınız html sayfası gibi düz olacaktır.

Burada script ve style yollarına dikkat ederseniz scripti direkt olarak catalog/view dizini altındaki javascript klasörünün içine style dosyasını ise kullandığınız temanın stylesheet klasörünün içine eklediğinizi varsayarak yazdım. Tabi inline script ve style da kullanıyorsunuz. Onları da dosya haline getirip ekleyebilirsiniz veya aynen kalabilirler.

Müşteri verilerini çekecek php dosyasını da bu controler dosyasına data olarak array şeklinde ekleyebilirsiniz. Veya veritabanından çektirecekseniz aynı şekilde ekleyebilir veya bunun için ekstra bir model dosyası oluşturabilirsiniz.

Geriye kaldı gösterilecek sayfaya.

Fastor tema için, catalog/view/theme/fastor/template/information dizini altına bir dosya oluşturun bayilerimiz.twig adında.

Dosya içeriği ise

Kod:
{{ header }}
<div id="information-information" class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
  <div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">

    BU KISIM SİZİN KENDİ TASARIMINIZ (divler) VE KULLANIYORSANIZ İNLİNE SCRİPT VE STYLE DOSYALARINIZ İLE DOLDURULACAĞINIZ KISIM.
    
   VEYA komple kodları eklemek yerine güzel bir stil ayari ile sadece iframe kodunuzu eklersiniz olur biter.

</div></div></div>
{{ footer }}

Bu şekilde olacak.

İçeriği koyacağınız kısımda verileri nasıl çekiyorsanız ona göre düzenleme yapmalısınız mutlaka.

Umarım bir fikir vermiştir size.

En basitinden hiçbir dış veri çekilmeden düz bir sayfa eklemek için de aynı yolu deneyebilir ve test edebilirsiniz controller ve twig dosyalarına ayrı isimleri vererek. Örneğin test.php ve test.twig

Bu oluşturduğunuz sayfaya gitmek içinse
Kod:
siteadresiniz.com/index.php?route=information/bayilerimiz

linkine girmeniz yeterli olacaktır. Tabi seo url kullanıyorsanız seo adresi vererek siteadresiniz.com/bayilerimiz şekline de getirebilirsiniz.
Oluşturulan bu haliyle test sitenizdeki gibi sayfa bulunamadı hatası almadan ve iframe kullanmadan rahatça kullanabilirsiniz.

Not: test sitenizde bayilerimiz adlı bir yönlendirme var. Bu yüzden ya onun adını değiştirin ya da oluşturacağınız bu yeni dosyanın adını değiştirin.
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart custom html sayfası oluşturma Konusunun Linki Direk Link
Opencart custom html sayfası oluşturma Konusunun HTML Kodu HTML Link
Opencart custom html sayfası oluşturma Konusu BBCode Linki BBCode Link
Opencart custom html sayfası oluşturma Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Eklenti] opencart 3.0.2.0. ocmod bir program yüklenmiyor askinjohn 6 4,946 03-05-2024 03:03 PM
Son Mesaj: mukoonline
  [Tema] Opencart 4.x için default temayı çoğaltmak istiyorum bucayer6 0 636 05-09-2023 03:59 AM
Son Mesaj: bucayer6
Brick Opencart 3.0.2.0 sürüm mysql online 40 hatası gorky06 0 743 05-31-2022 09:48 AM
Son Mesaj: gorky06
  Opencart 2.0 Google Chrome hatası muzafferi 3 2,943 03-04-2022 06:34 PM
Son Mesaj: mehmetucarx21
  opencart saat hatası bialemsin 1 769 02-07-2022 09:05 PM
Son Mesaj: Gökhan TAYLAN
  Opencart bozuk ikonlar mahves 2 1,572 12-02-2021 11:25 PM
Son Mesaj: mahves
  Opencart iyzico pazaryeri eklentisi ve sözleşmeler hk. ibrhmhlltrhn 0 1,219 11-21-2021 09:14 PM
Son Mesaj: ibrhmhlltrhn
  Opencart Admin Panelinde Hata (admin/index.php?route=common/dashboard&token=) burakiks 3 2,843 11-14-2021 07:45 PM
Son Mesaj: İdris Çakmak
Question Opencart 3.0.2.0 sürümü yavaş çalışıyor? nasihat101 8 5,911 10-18-2021 11:26 PM
Son Mesaj: slikajer
  Opencart Xml Entegrasyon, Xml Ürün Yükleme Ve Xml Çıktı Alma Kazekage 55 23,381 06-05-2021 11:07 AM
Son Mesaj: o.turkcan

Opencart custom html sayfası oluşturma indir, Opencart custom html sayfası oluşturma Videosu, Opencart custom html sayfası oluşturma online izle, Opencart custom html sayfası oluşturma Bedava indir, Opencart custom html sayfası oluşturma Yükle, Opencart custom html sayfası oluşturma Hakkında, Opencart custom html sayfası oluşturma nedir, Opencart custom html sayfası oluşturma Free indir, Opencart custom html sayfası oluşturma oyunu, Opencart custom html sayfası oluşturma download


Forum Atla: