2012-04-27 39 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

相关问题