カテゴリ全体のリンクメニューを生成するHTMLパーツ
class="custom_nav_link"のクラス名を付与した空divタグを使って自動的にメニュー生成する機能を拡張し、カテゴリ全体のリンクメニューを自動生成できるように改良
追加の仕様
data-type="all-category"の指定を加えると、カテゴリ全体のリンクメニューを生成するモードになるdata-type="data-id"にカンマ区切りでIDを指定すると、フィルタリングが可能data-type="data-excluded-id"にカンマ区切りでIDを指定すると、除外指定が可能 (※data-idが未指定時のみ有効)data-toggle="false"を加えると、サブカテゴリが常にひらいた状態で、閉じなくなる
追加/変更したdata属性
| data属性 | 値 | 初期値 |
|---|---|---|
data-type |
"normal" か "sub-category" か "all-category" で、all-category が全カテゴリメニューのモード |
"normal"' |
data-id |
type が all-category の場合は、カンマ区切りでフィルタリングしたいIDを列挙 |
"" |
data-excluded-id |
type が all-category の場合に、カンマ区切りでフィルタリングしたいIDを列挙 (※ data-id が未指定時のみ有効) |
"" |
data-toggle |
type が all-category の場合に、サブカテゴリを開閉させるかどうか ("true" か "false") |
"true" |
data-enabled-all-link |
type が all-category の場合に、全商品リンクを使うかどうか ("true" か "false") |
管理画面での設定値 |
data-all-label |
type が all-category の場合に、全商品リンクのラベル |
管理画面での設定値 |
サンプル
IDでフィルタリングしたカテゴリのメニュー
- data属性指定は、
data-type="all-category" data-id="2,4,7"
カテゴリの画像を表示しないメニュー
- data属性指定は、
data-type="all-category" data-id="2,4,7" data-photo="invisible"
ID除外指定したカテゴリのメニュー
- data属性指定は、
data-type="all-category" data-excluded-id="2"
全商品リンクを使わず、指定したメインカテゴリIDだけを自動生成
- data属性指定は、
data-type="all-category" data-id="2,4,7" data-enabled-all-link="false"
サブカテゴリを閉じずに常に表示し、指定したメインカテゴリIDだけを自動生成
- data属性指定は、
data-type="all-category" data-id="1,2,4,7" data-toggle="false"
全カテゴリのメニュー (絞り込みなし)
- data属性指定は、
data-type="all-category"