有没有办法在magento中的类别页面上创建选项卡

时间:2012-04-27 15:09:54

标签: php jquery css magento tabs

我想知道如果有人知道在Magento的类别/主页上创建标签的简单方法,然后可以填充以显示各种块(最受欢迎的产品/新产品等)

有各种扩展可以显示这些产品/块而不是Tabs。有没有办法修改代码,以便它显示在选项卡中。

任何建议都表示赞赏。

由于

1 个答案:

答案 0 :(得分: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>