0

Magentoのカテゴリ/ホームページにタブを作成して、さまざまな種類のブロック(最も閲覧された製品/新製品など)を表示できる簡単な方法を誰かが知っているかどうか疑問に思っていました

このような製品/ブロックを表示できるさまざまな拡張機能がありますが、タブには表示されません。タブに表示されるようにコードを変更する方法はありますか。

任意の提案をいただければ幸いです。

ありがとう

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 に答える