商品グリッド

このセクションでは、コレクションページに表示させるコンテンツの設定やサイドバーのカスタマイズができます。追加する内容には様々な種類のフィルターに加えて、プロモボックス(バナー)・カスタムHTML・サブスクリプションなどがあります。

コレクション -> 商品グリッド

注意:セクションの変更を加えたあとは管理画面右上の’保存する’のボタンを押して変更を適用させてください。

サイドバーの位置と表示の有無の設定は、テーマ設定→コレクションページ で確認できます。これらの設定方法については、こちらをご覧ください。

このセクションでは、コンテンツブロックを追加することでサイドバーのコンテンツを管理することができます。サイドバーには9つのコンテンツブロックがありまず。そのうち

現在使用中のフィルター
コレクション
フィルター

の3つは一つだけ追加することができます。

商品グリッド

コレクションページの"コンテンツ幅"を"ボックス幅"または"フル幅"で指定できます。

"1ページに表示する商品数"を4〜24の範囲で設定し、コレクションページに表示される商品数を設定できます。

フィルター

ここで、"フィルター" か "タグ"どちらのフィルターオプションを使用するかの設定ができます。デフォルトでは、Shopify管理画面 -> メニュー -> コレクションと検索の絞り込み で設定されたフィルターがテーマで表示されます。テーマエディタで設定されたタグ（"タグ" ブロック）によるフィルタを表示するには、"デフォルトのフィルターを有効にする"オプションのチェックを外してください。

サイドバーで使用できるのは、"フィルター" または "タグ"のどちらか一方のみです。

このブロックでは、フィルターに適用される"フィルター"ブロックに関する一般的な設定を行うことができます。"フィルター"ブロックの設定方法は、こちらをご覧ください。

"フィルターのカウンターとリセットボタンを表示する"オプションを有効にすると、各フィルターブロックに適応させているフィルターの数とリセットボタンが表示されます。

各商品のバリエーションに関して、購入可能な商品の数をサイドバーに表示するには、オプション"商品の数のカウンターを表示する"を有効にしてください。

"無効になっているフィルターを隠す"オプションにより、在庫切れの商品のバリエーションを非表示にしたり、購入不可として表示させることができます。

"利用可能なフィルターを丸いチェックボックスで表示"を有効にすると、 "利用可能"フィルタのデザインを、丸みを帯びたチェックボックスに変更することができます。

"価格フィルターのタイプ"では、価格フィルターの表示方法を

スライダーとインプット
スライダー
インプットのいずれかに設定できます。

注意：テーマ設定→通貨 で"従来の通貨変換方式を有効にする。"オプションを有効にすると、価格フィルタに適用できるオプションは"スライダー"のみとなります。

並べ替え方法

このブロックは、"デスクトップのみ表示"または"デスクトップとモバイル"のオプションにおいて、"並べ替え"の方法を表示することができます。コレクション内の商品を｢おすすめ｣・｢ベストセラー｣・｢安い順｣・｢高い順｣などで並べ替えることができるようになります。ストアで "並べ替え"オプションを非表示にするには、"隠す"オプションを選択してください。