我想知道是否有人知道在 Magento 的类别/主页上创建选项卡的简单方法,然后可以填充这些选项卡以显示各种块(查看最多的产品/新产品等)
有各种扩展可以在选项卡中显示此类产品/块bt。有没有办法修改代码,使其显示在选项卡中。
任何建议表示赞赏。
谢谢
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>