EC-CUBE4で管理画面からカテゴリナビに固定リンクを追加する方法

EC-CUBE4で管理画面からカテゴリナビに固定リンクを追加する方法を紹介します。

以下のようなイメージです。

PC

SP

手順

PCとSPの2個のテンプレートを変更する必要があります。

PC

1. 管理画面の コンテンツ管理 -> ブロック管理 のページを表示
2. カテゴリナビ(PC) のブロックを編集
3. 40行目付近に以下の + から始まる行のようにリンクを追加（先頭の + は消してね）
4. 登録 を押下

template/default/Block/category_nav_pc.twig

<div class="ec-categoryNaviRole">
    <div class="ec-itemNav">
        <ul class="ec-itemNav__nav">
            {% for Category in Categories %}
                <li>
                    {{ tree(Category) }}
                </li>
            {% endfor %}
+            <li>
+                <a href="http://example.com/" target="_blank">外部へのリンク</a>
+            </li>
         </ul>
     </div>
 </div>

SP

1. 管理画面の コンテンツ管理 -> ブロック管理 のページを表示
2. カテゴリナビ(SP) のブロックを編集
3. 43行目付近に以下の + から始まる行のようにリンクを追加（先頭の + は消してね）
4. 登録 を押下

template/default/Block/category_nav_sp.twig

<div class="ec-headerCategoryArea">
    <div class="ec-headerCategoryArea__heading">
        <p>{{ 'front.block.category.list'|trans }}</p>
    </div>
    <div class="ec-itemNav">
        <ul class="ec-itemNav__nav">
            {% for Category in Categories %}
                <li>
                    {{ tree(Category) }}
                </li>
            {% endfor %}
+            <li>
+                <a href="http://example.com/" target="_blank">外部へのリンク</a>
+            </li>
        </ul>
    </div>
</div>

以上となります。