カテゴリアイコンプラグイン for EC-CUBE 4.0〜4.1

本プラグインは4.0〜4.1系対応プラグインです。
4.2系対応プラグインは下記ページよりご購入ください。

手軽にアイコンを登録できます。

カテゴリ拡張系プラグインをご検討の場合におすすめのプラグインはこちら

【提供機能】
　■カテゴリにアイコンを設定する機能
　　・カテゴリ5階層まで対応

　■デバイス単位での表示制御する機能
　　・スマートフォン表示 / 非表示
　　・PC表示 / 非表示

デモ

　ご購入前にこちらで動作をご確認頂けます。
　管理画面よりアイコンを設定しショップ側の挙動を是非ご確認ください。
　デモサイトは4.0ですが、4.1でも同様の挙動となります。
　※脆弱性対策のため、デモサイトではtwigの編集はできません。

(1)表示したいデバイスを設定する
下記画面で表示したいデバイスを設定してください。
両方表示、PCのみ表示、SPのみ表示などお好みの設定ができます。

画面名　　:オーナーズストア > joolenプラグイン設定 > カテゴリアイコン

(2)アイコンを登録する
下記画面で表示したいアイコンを設定してください。

画面名　　:コンテンツ管理 > カテゴリアイコン管理

(3)PCのスニペットを設定する
※本項目が不要な場合は飛ばして「(4)SPのスニペットを設定する」へ進んでください。
下記画面で設定してください。

　画面名　　:コンテンツ管理 > ブロック管理 > カテゴリナビ(PC)

①カテゴリ名の表示部分のスニペットを書き換える
○書き換え前
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
    {{ Category.name }}
</a>

○書き換え後
<a href="{{ url('product_list') }}?category_id={{ Category.id }}" class="l-categorynav_list_pc">
    <span id="category_icon_pc_{{ Category.id }}" class="l-categorynav_title">{{ Category.name }}</span>
</a>


②最終行に下記スニペットを追記する
{{ include('JoolenCategoryIcon4/Resource/template/default/category_icon_pc.twig', ignore_missing = true) }}



(4)SPのスニペットを設定する
下記画面で設定してください。

　画面名　　:コンテンツ管理 > ブロック管理 > カテゴリナビ(SP)

①カテゴリ名の表示部分のスニペットを書き換える
○書き換え前
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
    {{ Category.name }}
</a>

○書き換え後
<a href="{{ url('product_list') }}?category_id={{ Category.id }}" class="l-categorynav_list_sp">
    <span id="category_icon_sp_{{ Category.id }}" class="l-categorynav_title">{{ Category.name }}</span>
</a>


②最終行に下記スニペットを追記する
{{ include('JoolenCategoryIcon4/Resource/template/default/category_icon_sp.twig', ignore_missing = true) }}

無料連携プラグイン

<【無料】テンプレート編集サポートプラグイン>
　○プラグインテンプレート管理プラグイン for EC-CUBE 4.0〜4.1
　　→一緒にご導入いただくことで、プラグインインストール時の初期コードを確認しつつ編集できます。
　　　誤って必要なhtmlタグを削除して保存してしまった場合や、一部元に戻したい場合に便利です。

カテゴリ拡張系プラグインをご検討の場合はこちらもおすすめです

<カテゴリにバナー画像とテキストを表示したい場合>
　○カテゴリバナー&テキストプラグイン for EC-CUBE 4.0〜4.1
　　→カテゴリの表現の幅が広がります。
　　　バナー画像は複数登録した場合はスライダーで表示できます。

サポート
・動作システム環境はこちらをご確認ください。
　システム要件 for EC-CUBE 4.0 Developers

・プラグインインストールはこちらをご確認ください。
　プラグインのインストール for EC-CUBE 4.0 Developers

・プラグインインストールに失敗した時はこちらをご確認ください。
　プラグインのインストール失敗時の対処法 for EC-CUBE 4.0 Developers

注意事項
・以下に該当する場合、プラグインが正常に動作しないことがございますので、ご了承頂けますようお願い致します。
　- 対応バージョン以外の場合
　- 本体がカスタマイズ(デザイン含む)されている場合
　- 他プラグインをご利用されている場合

・製品の性質上、ご購入後はいかなる場合でも返品・返金を行うことは出来ません。
　大変恐縮ではございますが、ご了承いただけますようお願い致します。

お問い合わせ
お気軽にこちらのメールよりお問い合わせください。
　・ご使用方法など不明点がある場合
　・その他ご相談がある場合

当社情報
・コーポレートサイト
・プライバシーポリシー
・情報セキュリティ基本方針
・使用許諾契約

Copyright(c) joolen inc. All Rights Reserved.

EC-CUBE 4 他社サービス連携プラグインご案内

【無料】EC-CUBE 4 管理画面サポート系プラグインご案内

EC-CUBE 4 ブロック表示系プラグインご案内

EC-CUBE 4 年齢確認系プラグインご案内

EC-CUBE 4 お友達紹介キャンペーン系プラグインご案内

EC-CUBE 4 新規会員登録キャンペーン系プラグインご案内

EC-CUBE 4 送料無料系プラグインご案内

EC-CUBE 4 ポイント付与系プラグインご案内

EC-CUBE 4 ポイント利用制限プラグインご案内

EC-CUBE 4 在庫表示プラグインご案内

EC-CUBE 4 カテゴリ装飾系プラグインご案内

EC-CUBE 4 FAQ系プラグインご案内

・ソースコード整理
プラグイン有効時 および 設定画面表示時の設定データ登録処理を削除し、未登録時のデフォルト処理を追加。

・名称変更
変更前：カテゴリアイコンプラグイン for EC-CUBE 4
変更後：カテゴリアイコンプラグイン for EC-CUBE 4.0〜4.1

・ソースコード整理

・設定画面の遷移導線を変更

■変更前
オーナーズストア　＞　プラグイン　＞　プラグイン一覧　＞　設定画面

■変更後
・コンテンツ管理　＞　カテゴリアイコン管理
・オーナーズストア　＞　joolenプラグイン設定　＞　設定画面

・ナビエリア以外もマウスオーバーが発火する不具合を修正