EC-CUBE3 スマホ表示のときのカテゴリ

EC-CUBE3のカテゴリを表示・非表示

今回は自分の作業用メモのシェアです。
私は技術者ではありませんので見落としや応用が利かないタイプで…単純なことが解決しないこともあります^^;

category.twigファイルの内容を複製してサイドバーにカテゴリーを追加することに成功しました。
しかし、これだけではスマートフォン表示の際アコーディオンメニューにカテゴリが重複されて表示されていたので
サイドバーに設置したカテゴリのtwigファイルの

<nav id="category" class="drawer_block pc">
    <ul class="category-nav">
    {% for Category in Categories %}
        {{ _self.tree(Category) }}
    {% endfor %}
    </ul> <!-- category-nav -->
</nav>

{% for Category in Categories %}

{% endfor %}

</ul>

</nav>

この部分に「pc」とつけるだけで解決しました(・_・)

こんな感じです

<nav id="category" class="drawer_block pc">
    <ul class="category-nav pc">
    {% for Category in Categories %}
        {{ _self.tree(Category) }}
    {% endfor %}
    </ul> <!-- category-nav -->
</nav>

{% for Category in Categories %}

{% endfor %}

</ul>

</nav>

実はこれだけで半日ほど悩んでいたのです…とほほ

ちなみにこれは応用利きますね。
PC表示のときのみ表示させたいものには「pc」をつけまくっています。
(よくないのかな？)

ひとまず解決してよかったです。
次にやりたいことはサイドバーにいれたこのカテゴリのデザインチェンジです…ファイト