商品グリッドのブロック
└ タグ
タグによる商品の絞り込みを行うブロックです。
コレクション -> 商品グリッド -> ブロックを追加 -> タグ
商品タグによるフィルタリングを使用するには、コレクションページ内の商品グリッドで”デフォルのフィルターを有効にする”オプションを無効にする必要がありますので、ご注意ください。
詳しくはこちらをご覧ください。
セクション設定
このブロックの”デフォルトの状態”として
- オープン
- クローズ
- 固定
- タイトルなし
から選択することができます。
コンテンツ
ここでは、フィルター項目のデザインを設定することができます。
まずはフィルター項目をチェックボックス付きのテキストリストとして表示するか、色見本として表示するかを選択可能です。
“チェックボックスのエリア表示” オプションを有効にすると、カラー項目のチェックボックスが表示されます。 カラーのバリエーションを円形の色として表示するには、”タグをカラーサークルにする” オプションを有効にします。このオプションは、 “チェックボックスのエリア表示”が有効になっている場合のみ機能しますので注意してください。
“タグリスト”には、チェックマーク用のフィルターに表示させる項目を入力します。各項目は、改行して分けてください。
“レイアウト”では、タグの表示方法について選択することができます。
“コラムの最大サイズ”のオプションで1列に表示される項目の数を選択できます。
この設定は”レイアウト”のオプションで “2コラム” もしくは”3コラム”を設定した場合に使用できます。 0を選択シた場合、フィルター項目はスクロールまたはコラムで表示されます。
“コレクションの選択”では、この”タグ”フィルターをどのコレクションページで表示するかを設定することができます。
また、ストア管理画面でコレクション作成する画面の”検索結果のプレビュー”でもURLが作成されるので、そちらを参照してください。ハンドル名はURLハンドルでも編集することが可能です。
詳しいハンドルネームの確認方法は、こちらをご覧ください。
複数のコレクションがある場合は、「,」コンマを区切りに使用して追加してください。
何も入力しない場合、デフォルトではすべてのコレクションを表示します。
「,」コンマの間にスペース空白がないようにご注意ください。
- カラータグによるフィルタリング追加方法：
- *Shopify管理画面 -> 商品管理* に移動します。
- 商品を選びます。
- 商品にタグを追加します。
- 変更を保存します。
『MISEル』テーマエディターにて、コレクションページに移動して、商品グリッド セクションを選択します。
“タグ”ブロックを追加します。
“タグリスト” フィールドに関する設定を行います。
変更を保存します。
設定例
この例では、このブロックをカラーフィルターとして使用し、以下の設定にしました。
| 項目 | 設定値 |
|---|---|
|
タイトル |
カラー |
|
デフォルトの状態 |
オープン |
|
カラーサークルで表示 |
有効 |
|
タグリスト |
Red Yellow Green Black Blue White Pink Purple Orange |
|
レイアウト |
3コラム |
|
コラムの最大数 |
３ |
そうして出来上がったページが、以下の例です。
