2012-04-27 37 views
0

我想知道是否有人知道在Magento的類別/主頁上創建選項卡的簡單方法,然後可以填充該選項卡以顯示各種類型的塊(查看次數最多的產品/新產品等)有沒有辦法在magento中的類別頁面上創建選項卡

有各種擴展可以顯示此類產品/塊bt不在Tabs中。有沒有辦法修改代碼,以便將它顯示在Tabs中。

任何建議表示讚賞。

感謝

+0

檢查此鏈接[標籤添加網頁(http://www.lotusseedsdesign.com/blog/add-a-new-tab -at-homepage-for-category-product-listing) – 2012-04-28 08:39:26

回答

0

標籤在Magento - 這個默認

你可以嘗試在view.phtml創建標籤

例子 -

<ul class="tabs" id=""> 
<li class="active first" id="product_tabs_description"><a href="javascript:void(0)">test1</a></li> 
<li id="product_tabs_additional" class=""><a href="javascript:void(0)">test2</a></li> 
</ul> 

內容

<div class="padder"> 
<div id="product_tabs_description_contents">test1</div> 
<div id="product_tabs_additional_contents" style="display: none;">test2</div> 
</div> 

腳本

<script type="text/javascript"> 
Varien.Tabs = Class.create(); 
Varien.Tabs.prototype = { 
    initialize: function(selector) { 
    var self=this; 
    $$(selector+' a').each(this.initTab.bind(this)); 
    }, 

    initTab: function(el) { 
     el.href = 'javascript:void(0)'; 
     if ($(el.parentNode).hasClassName('active')) { 
     this.showContent(el); 
     } 
     el.observe('click', this.showContent.bind(this, el)); 
    }, 

    showContent: function(a) { 
    var li = $(a.parentNode), ul = $(li.parentNode); 
    ul.getElementsBySelector('li', 'ol').each(function(el){ 
     var contents = $(el.id+'_contents'); 
     if (el==li) { 
     el.addClassName('active'); 
     contents.show(); 
     } else { 
     el.removeClassName('active'); 
     contents.hide(); 
     } 
    }); 
    } 
} 
new Varien.Tabs('.tabs'); 
</script> 
+0

CaN此代碼在主頁中使用?我想在主頁和類別頁面上創建標籤,並填入'新產品''熱門產品''最受關注的產品'等等? – ivn 2012-04-29 18:12:52

+0

是的,需要爲主頁嘗試。 – Magefast 2012-05-04 07:15:31

相關問題