商品情報にスキップ
1 1
公開日:2024.12.10

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例

用途

  • コレクション編集

実装方法

  • HTML/CSS
詳細を表示する

ShopifyのSearch & Discoveryで絞り込み条件にタグを設定した際、スマートコレクションの条件などで使用しており、絞り込みとしては表示したくないタグを非表示にしたい場合があります。
テーマ「Rise/Dawn」で、予め指定したタグを非表示にする設定方法です。

◆設定のメリット
・表示させたくないタグを非表示にすることで、ユーザーにとって不要な情報を省略し、スッキリとした表示を実現できます。

◆具体的な設定手順
①liquidコード上に除外したいタグ名を設定
②「snippets/facets.liquid」ファイルのデスクトップ用フィルターコードを編集
③「snippets/facets.liquid」ファイルのモバイル用フィルターコードを編集


テーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例


【(テーマRiae/Dawnの場合)設定方法①】「snippets/facets.liquid」に除外したいタグを指定


【(テーマRiae/Dawnの場合)設定方法②】「snippets/facets.liquid」にコードを追加(デスクトップ用のフィルタ)


【(テーマRiae/Dawnの場合)設定方法③】「snippets/facets.liquid」にコードを追加(モバイル用のドロワーフィルタ)


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「snippets/facets.liquid」に除外したいタグを指定

「snippets/facets.liquid」にコードを追加(デスクトップ用のフィルタ)

「snippets/facets.liquid」にコードを追加(モバイル用のドロワーフィルタ)

...
関連ポスト