アコーディオンカテゴリプラグイン

スマートフォン表示のドロワーメニュー内も同様のオープンクローズ操作が出来るようになるカテゴリブロックです。

プラグインの設定画面でカテゴリブロックの表示動作を任意に設定する事が出来ます。

【設定項目】
展開タイプ:○全展開　○アコーディオン
展開階層設定:○1階層　○2階層　○3階層　○4階層

設定に応じたカテゴリ動作表示が出来るようになります。

詳細はプラグインマニュアルPDFをご参照ください。
また実働デモサイトで動作確認していただけます。

●展開タイプ
全展開:
カテゴリブロック内のカテゴリ階層が常に全展開となるタイプです。

アコーディオン:
カテゴリブロック内のカテゴリ階層を展開表示しているカテゴリ以外がクローズするタイプです。
※例外表示として、初期アクセス時(F5キーリロード時)の際は、最上位表示しているカテゴリのみ展開して表示するようにしています。

●展開階層設定
カテゴリを展開した時に、登録されているカテゴリ階層を何階層まで展開させておくかを設定する項目です。

全展開タイプの場合、展開階層設定を「1階層」にすると、第1階層までを表示するという事になるので、全閉表示となります。(第1カテゴリのみが並んだ表示)
逆に「4階層」に設定すると、ひ孫カテゴリ(第4階層)まで表示する設定ですので、カテゴリは全展開した表示になります。

EC-CUBE3ではカテゴリ登録は最大4階層までですので、設定も1～4階層までとなっています。

アコーディオンタイプの場合、前述の例外表示として、初期アクセス時に展開した状態となる為、1階層、2階層の設定については2階層設定と同じ動作表示になります。
※2階層、3階層、4階層のみが設定可能です。

階層設定でクローズしているカテゴリの下階層にカテゴリが存在している場合は、「+」アイコンの表示となり、アイコンをクリックする事でカテゴリを展開する事ができます。
展開したカテゴリは「-」アイコン表示となり、アイコンクリックでクローズする事が出来ます。

コンテンツ管理>ページ管理のレイアウト編集で、デフォルトのカテゴリブロックを外して、アコーディオンカテゴリのブロックを配置します。

※レイアウト配置はサイドカラムのみ対応です。

全展開表示では、常時全展開でカテゴリ表示します。
展開したカテゴリの下階層については、階層設定した階層までが展開され、それ以下の階層はクローズした状態で表示されます。
「+」アイコンをクリック操作で展開表示操作できます。

アコーディオン表示では、表示させているカテゴリ以外のカテゴリが全クローズに切り替わる表示となります。
展開したカテゴリの下階層については、階層設定した階層までが展開され、それ以下の階層はクローズした状態で表示されます。
「+」アイコンをクリック操作で展開表示操作できます。

【例外表示】

アコーディオンモードの例外表示として、初期アクセス時のみ、最上位カテゴリのみ展開した初期表示となります。
その為、アコーディオンモードの表示階層設定の「1階層」は「2階層」と同じ状態となりますので、階層設定は2～4階層の設定のみ有効となります。

・クリックしたカテゴリは、カテゴリ名を赤文字で表示しますので、現在どのカテゴリを見ているのかが視覚的に認識しやすくなります。
※EC-CUBEでは商品のカテゴリ重複登録が出来ますが、商品詳細ページではどのカテゴリを辿って到達したかは判断できない為、重複登録で紐付いているカテゴリ全てが展開します。

・クリックして展開したカテゴリ状態は遷移先のページでも保持します。
※トップページではカテゴリ展開状態は初期値に戻ります。

・スマートフォン表示ではDrawerメニュー内でPC版と同等の動作表示となります。

【アコーディオンカテゴリプラグインのデモサイト】

【全展開DEMO】

EC-CUBE3 Plugin DEMO3
※デモの設定は「全展開」「3階層」の設定時の表示です。

【アコーディオンDEMO】

EC-CUBE3 Plugin DEMO2
※デモの設定は「アコーディオン」「3階層」の設定時の表示です。

【プラグインのデモサイト】

●EC-CUBE3 Plugin DEMO

●EC-CUBE3 Plugin DEMO2

【多言語化プラグインデモサイト】

●EC-CUBE3 多言語化(日本語・英語)

【デフォルトシリーズ】

●ギャラリー自動表示ブロック追加プラグイン
●新着商品自動表示プラグイン
●配送料無料バナーブロックプラグイン
●送料無料条件表示プラグイン
●ようこそプラグイン
●Ver.3用割引率「%OFF」表示プラグイン
●Ver.3用 値引き額「円OFF」表示プラグイン

【その他プラグインはこちらから!】

●全プラグイン一覧

【デザインテンプレートはこちらから!】

●背景あり(淡グレー×ブラウン系)s83001

●背景なし(ホワイト×グリーン系)s83002

【EC-CUBE3関連情報】

●EC-CUBE技術資料
●EC-CUBE配布テンプレート
●EC-CUBE配布プラグイン
●EC-CUBE3管理・運用マニュアル

旧バージョン3.0.10/3.0.11のみ、本プラグインの不具合が見つかりましたので、修正したアップデートパッケージとなります。
ご購入頂いている方には大変ご不便おかけしましたことをお詫び申し上げます。
お手数ですが、管理画面オーナーズストアプラグイン一覧画面よりプラグインバージョン1.1へアップデート頂きますようよろしくお願いいたします。
尚、EC-CUBE Ver.3.0.12以降(3.0.12/3.0.12p1/3.0.13/3.0.14)につきましては、本アップデートによる修正内容の動作仕様的な影響はありません。

カテゴリブロックを「アコーディオン動作」または「全展開」の動作、また、カテゴリを展開しておく階層を指定自由に設定表示する事が出来るプラグインです。勿論、スマートフォン表示のDrawer内のカテゴリ動作もPC表示と同じ動作を実現できます。