0

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

有各种扩展可以在选项卡中显示此类产品/块bt。有没有办法修改代码,使其显示在选项卡中。

任何建议表示赞赏。

谢谢

4

1 回答 1

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>
于 2012-04-28T07:55:38.913 回答