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

Question

我想知道是否有人知道一种在 Magento 的类别/主页上创建选项卡的简单方法，然后可以填充这些选项卡以显示各种 block (查看最多的产品/新产品等)

有多种扩展可以显示此类产品/ block ，但不在选项卡中。有没有办法修改代码，使其显示在选项卡中。

如有任何建议，我们将不胜感激。

谢谢

Answer 1

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>