Not: Son ürünler tabındaki tek gösterim hatası filendiartık ne kadar son eklenen ürün varsa göstermektedir.
kaynak :
http://www.e-ticaretdersleri.com/makale/opencart-2x-tum-modullerde-tek-tabda-gosterme.html
Test ADresi :
http://oc2test.e-ticaretdersleri.com/
Vİdeomuz :
Tüm Modullerde Tek Tabda Gösterme Nedir ?
Opencart kurulumuyla beraber gelen gelen standart sizin için seçtiklerimiz, kampanyalı ürünler , en çok satılan ürünler ve son ürünler modulunu bir arada tablarda göstermeğe yarayan modulu inceleyeceğiz. Bu modul ile müşteriniz veyahut ziyaretçinz moduller arasında ürünleri incelemek için sadece tab sekmelerine tıklayarak ilgili modulün ürününü inceleyebilecekler.
Tüm Modullerde Tek Tabda Gösterme Kurulumu?
Bu güzel modulun kurulumu çok basittir. Arşivden çıkan dosyaları ana dizine attıktan sonra, admin kısmından moduller sekmesinden Product Tab Modulunu kurup düzenleye tıklayalım. Bu kısımda gözükmesin istedğimiz modulleri seçiniz ve kendinize göre ayarlarını yaptıktan sonra kaydediniz. Daha sonra bölümler kısmından ilgili modulu seçerek hangi konumda gösterilmesini istiyorsanız kendinize göre uyarlayınız.
eğer tab görünümünde bozukluk varsa
catalog/view/theme/seninteman/stylesheet/stylesheet.css açıp en alt satıra ekleyiniz.
.htabs {
height: 33px;
line-height: 16px;
}
.htabs a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #f6f6f6 none repeat scroll 0px 0px;
border-color: #d4d4d4 #d4d4d4 -moz-use-text-color;
border-image: none;
border-radius: 5px 5px 0px 0px;
border-style: solid solid none;
border-width: 1px 1px medium;
display: none;
float: left;
font-size: 14px;
margin-right: 6px;
padding: 8px 15px;
text-align: center;
}
.htabs a.selected, .htabs a:hover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #e76453 none repeat scroll 0px 0px;
border-color: #e76453 #e76453 -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #ffffff;
}
.tab-content {
background: #f6f6f6 none repeat scroll 0px 0px;
border-radius: 0px 5px 5px;
border: 1px solid #d4d4d4;
margin-bottom: 20px;
overflow: auto;
padding: 15px;
text-align: justify;
z-index: 2;
} 