page icon

フィルター

このブロックでは、フィルタを追加したり、フィルターの外観に関する一般的な設定を行うことができます。
フィルターとはたくさんの商品があるとき、欲しい商品をみつけるための「絞り込み」機能です。
💡
重要! このブロックは、商品グリッド ->フィルターの"デフォルトのフィルターを有効にする"オプションが有効な場合にのみ使用できます。 詳細はこちらでご確認ください。
サイドバー部分にフィルターを表示するためには、Shopify管理画面→メニュー→コレクションと検索の絞り込み で全て作成しておく必要があります。 フィルターについて詳しくはこちらをご覧ください。
個々のフィルターブロックに設定を行う必要がある場合は、"フィルター設定"ブロックを追加して、対応するフィルターに割り当てます。
"フィルター設定"ブロックの設定方法は、こちらをご覧ください。
Misell-Youtube

セクション設定

このブロックの"デフォルトの状態"として
  • オープン
  • クローズ
  • 固定
  • タイトルなし
から選択することができます。
💡
注意:テーマ設定→コレクションページ →デスクトップでのサイドバーの位置 で"トップ と 縦フィルター" を選択すると、"オープン"・"クローズ"オプションのみが選択可能になり、フィルターの表示はモバイルモードでのみとなります。 デスクトップ表示では、フィルターはデフォルトで閉じた状態で表示されます。サイドバーの位置を設定する方法は、こちらをご覧ください。

コンテンツ

"レイアウト" ドロップダウンで、フィルタの列数制限を
  • 1コラム
  • 2コラム
  • 3コラム
から選択できます。
"コラムの最大サイズ"で1列に表示させる項目数を選択できます。 この設定はレイアウトが「2コラム」または「3コラム」のときに有効です。
また0を選んだ場合はフィルターの項目はスクロールまたはコラムで表示されます。
以下の例では、Shopify管理画面→メニュー から、
  • カラー
  • 価格
  • 購入可能
  • サイズと販売元
5つのフィルターを追加しました。
コレクション:フィルターの設定例
そして、"フィルター"ブロックを追加すると、以下のような状態になります。
コレクション:フィルターブロックの追加例