örnek :
yeni ürünleri : <?php echo $latest; ?>
rasgele ürünler : <?php echo $random; ?>
özel ürünler : <?php echo $featured; ?>
katagorianasyfada : <?php echo $categoryproducthome; ?>
çok satılanlar : <?php echo $bestseller; ?>
one left(sınırlı stok) : <?php echo $oneleft; ?>
kampanyalı ürünler : <?php echo $special; ?>
ilk temanın common/home.tpl dosyasını aç bu kodu sil
Kod:
<?php foreach ($modules as $module) { ?>
<?php echo ${$module['code']}; ?>
şimdi geçelim tabı eklemeye
bunu eklemeden önce admin modüller sayfasından aşağıdaki modülleri bul pozisyonlarını anasayfa olarak işaretle.
temanın common/home.tpl dosyasını aç bul
<?php echo $footer; ?>
öncesine ekle
------------------------------------------------------------
Kod:
<div class="tabs">
<a tab="#tab_yeni">Yeni Ürünler</a>
<a tab="#tab_random">Rasgele Ürünler</a>
<a tab="#tab_special">Kampanyalı Ürünler</a>
</div>
<div style="display: inline-block;">
<div id="tab_yeni" class="tab_page1"> <?php echo $latest; ?> </div>
<div id="tab_random"class="tab_page1"><?php echo $random; ?></div>
<div id="tab_special"class="tab_page1"><?php echo $special; ?></div>
</div>
<script type="text/javascript"><!--
$.tabs('.tabs a');
//--></script>
-------------------------------------------------------------
bu üç aded modül gösteriyor.
yeni ürünler,rasgele ürünler,kampanyalı ürünler. yukaradi örnekteki kodlar kullanıp değişik modülleri gösterebilirsin.
alt alta cift tab göstermek istersen benim sitedeki gibi.
aynı şekil home.tpl dosyasıda
<?php echo $footer; ?>
bul öncesine ekle
----------------------------------------------------
Kod:
<div class="tabs2">
<a tab="#tab_catagori">Tasavvuf Klasikleri</a>
<a tab="#tab_coksatilanlar">Cok satılanlar</a>
<a tab="#tab_stok">Sınırlı-Stok Özel Fiyat</a>
</div>
<div style="display: inline-block;">
<div id="tab_catagori" class="tab_page1"><?php echo $categoryproducthome; ?> </div>
<div id="tab_coksatilanlar"class="tab_page1"><?php echo $bestseller; ?></div>
<div id="tab_stok"class="tab_page1"><?php echo $oneleft; ?></div>
</div>
<script type="text/javascript"><!--
$.tabs('.tabs2 a');
//--></script>
------------------------------------------------------------
en son temanın stylesheet/stylesheet.css dosyasını aç
en alta ekle
Kod:
.tabs2{
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs2 a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab_3.png') repeat-x;
color: #000000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs2 a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page1 {
clear: both;
border: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 10px
display: block;
z-index: 2;
width: 465px; margin-bottom: 10px;
}
tab_page1 deki widht:465px; yazan yeri temana göre ayarlarsın.
Bende de ie 6ve ie9 da kayma vardı Orta flash'ın sanırım genişlik boyutundan dolayı alta iniyor. Genişliği biraz daha düşürürsen düzelicektir. Ürünlerin oldu orta bölümlerde ürün sayılarını 4-8-12 olarak te tek yayımlamayı bi dener misin? bende de ürünler 30 küsür tane idi anasayfada 4 den başladım yavaş yavaş yükselttim ve 1 ürün yüzünden böyle olduğunu gördüm.