Opencart 2.2.0.0 Kategorisel Ürün Tabbed Mega Menu Modulu

Herkese merhaba arkadaşlar bu akşam sizlerle birlikte opencart 2.2 versiyonları için kategorisel ürün modunu düzenleyerek ten sol mega menü, tarzında bir görünüme sahip eklentinin kurulumunu ve kullanımının geleceğiz. Bu eklenti Normalde arkadaşlar örneğin opencart en son eklenen ürünler gibi görünüme sahip bir arayüzü bulunmaktaydı. Bu akşam yapmış olduğu çalışma neticesi de sol veyahut sağ tarafa eklendiği zamanda sağa yada sola açılır şekilde ürünlerin bir panel içerisinde gözükmesini sağlayacaktır. Opencartın Default temasında yapmış olduğum test sonuncusunda sonucunda herhangi bir soruna rastlanmamıştır. Eklenti sürümü opencart 2.2 sağlıklı bir şekilde çalışabilmektedir

KAYNAK | | İNDİR : E-TİCARETDERSLERİ

FACEBOOK | | TAKİP : E-TİCARETDERSLERİ


Opencart 2.2.0.0 Kategorisel Ürün Tab Mega Menu Modulu Kurulumu

Şimdi arkadaşlarım kurulumundan biraz bahsetmek gerekirse normal O pankart modellerinin kurulumu ile alakalı olaraktan hiçbir farkı yoktur. Sitemizden indirmiş olduğunuz arşiv dosyasını açıp içerisindeki katalog ve admin klasörlerini sitemizin kurulu olduğu ana dizini atıyoruz. Ardından sitemizin admin paneline giriş yapıp sonrasında ise sol taraftaki eklentiler modüller sekmesine tıklayın açılan sayfada kategorisel ürünler modülü kuruyoruz. Kurulum tamamlandıktan sonra sol tarafında bulunan düzenle butonuna tıklıyoruz. Açılan sayfada bizi eklentinin ayarlar bölümü karşılamaktadır. Burada istediğimiz kategoriyi seçip yine istediğimiz kadar ürün görüntülenmesi için adet miktarına girip eklenti durumunun açık olarak işaretleyip kaydediyoruz. Yine sol taraftaki bölümler kısmından açılan sayfada hangi bölümde gösterilmesini istiyorsak o güveni bölümünü düzenliyoruz yine açılan sayfada modül ekle butonuna tıklıyoruz ve eklentinin gözükmesini istediğimiz kompozisyon ve sıralamasını seçip kaydımızı yapıyoruz bu eklenti Münir tarzında olduğu için sol de da sağ tarafı seçmenizi tavsiye ederim.

Not : Eğer tab görünümünde sorun yaşıyorsanız aşağıdaki düzenemeyi yapınız.

Dosyamızı Açalım : caalog/view/theme/default/template/module/

productcategory.tpl

içeriğini aşağıdaki kod ile değiştir.


<script>

$(document).ready(function() {
$("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
e.preventDefault();
$(this).siblings('a.active').removeClass("active");
$(this).addClass("active");
var index = $(this).index();
$("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
$("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
});
});
</script>

<script>
$(document).ready(function(){
$(".bhoechie-tab-menu div.list-group a:first").trigger('click');
//$(".bhoechie-tab-menu div.list-group > a.list-group-item").hover(function(){$(this).trigger('click');});
});
</script>

bitime az kaldı

bİTTİ...