Merhaba arkadaşlar sizlere bugün opencartın yeni versyonu olan opencart 3.x sistemine ait güzel bir breadcrumbs modifikasyonunu sunacağız. Artık yeni sürümle birlikte gelen yeni sisteme göre tasarımlarımız olacak ve notepad++ vb programlar ile düzenleme yerine sistemin kendisineait tema düzenleme editörü ile modifikasyon işlemlerini yapacağız. Eskiden ne yapıyorduk falanca dizindeki tpl dosyasını açıp içersindeki kodlarla oynama yapıyorduk. Ancak twig dosyalama sistemi ve tümleşik dosyala hiyerarşisi nedeniyle bu şekilde düzenleme yapamıyoruz. Eğer Opencartın 3.x Sürümlerinden birini kullanıyorsanız twig uzantılı dosyaları düzenlemek için adminden sol menüdeki dizayn bölümünde tema editörü aracılığıyla düzenleme yapacağız. Kurulum aynı aşağıdaki gibidir.

Opencart 3.x Breadcrumbs Farklı Css Tasarım Makalesi Kurulumu

ilk olarak arşivden çıkan js ve css dosyalarını sitenizin ana dizine atalım. Daha sonra aşağıdaki dosyalardaki değişimleri ve eklemeyi yapalım.

Şimdi Dosyaların Düzenleme İşlemine Başlayalım

Not: Bu düzenleme işlemleri admin tarafından dizayn bölümündeki editör düzenleme kısmından yapılmalıdır. Aksi takdirde düzenlemeler çalışmaz.

Dosyamızı Açalım : catalog/view/theme/default/template/common

header.twig

Bulalım:




Alt Satıra Ekleyelim



<script></script>

Daha sonra sağ taraftaki kaydet butonuna tıklayıp ayarları kaydedelim


Dosyamızı Açalım : catalog/view/theme/default/template/product/

product.twig, search.twig,specials.twig, compare.twig, manufacturar_list.twig, manufacturer_info.twig, reivewed.twig

Bulalım :

{% for breadcrumb in breadcrumbs %}

• {{ breadcrumb.text }}

{% endfor %}

Değiştirelim :

{% for breadcrumb in breadcrumbs %}

• {{ breadcrumb.text }}

{% endfor %}

Daha sonra sağ taraftaki kaydet butonuna tıklayıp ayarları kaydedelim

İşlemimiz bu kadar diğer ayarlama ve boyutlandırmalar için css dosyasından ve js dosyasından değiştirebilirsiniz.

Kaynak - indir : e-ticaretdersleri