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

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

販売価格:44,000円(税込)

★★★★★0件の評価

公開日: 2017年3月23日 / 更新日: 2017年6月16日

対応バージョン: Ver.3.0.10以降
3.0系3.0.10|3.0.11|3.0.12|3.0.12-p1|3.0.13|3.0.14|3.0.15|3.0.16|3.0.17

提供:株式会社シロハチ

サポート: [email protected]

ライセンス: LGPL

商品情報

EC-CUBE3のカテゴリブロックの表示動作をアコーディオン化できるようにする為のプラグインです。

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

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

【設定項目】
展開タイプ:○全展開 ○アコーディオン
展開階層設定:○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階層」の設定時の表示です。

他のプラグインのご紹介

PAGE TOP

リリースノート

旧バージョンでの動作不具合の修正(2017/06/16)
旧バージョン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)につきましては、本アップデートによる修正内容の動作仕様的な影響はありません。
カテゴリをアコーディオン動作にするプラグインです。(2017/03/23)
カテゴリブロックを「アコーディオン動作」または「全展開」の動作、また、カテゴリを展開しておく階層を指定自由に設定表示する事が出来るプラグインです。勿論、スマートフォン表示のDrawer内のカテゴリ動作もPC表示と同じ動作を実現できます。

PAGE TOP

アコーディオンカテゴリプラグイン44,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

PAGE TOP