商品一覧の商品グリッド内の絞り込み機能の下に「SALE商品のみ表示」を設置したい

日本語 ディスカッション 技術的なQ＆A
, ,

Topic summary

ユーザーは商品一覧ページで「SALE商品のみ表示」チェックボックスを目立たせて設置したいと考えています。

実装状況:

  • Shopify Search & Discoveryを有効化
  • main-collection-product-grid.liquid内にカスタムコードを追加
  • チェックボックスのHTMLマークアップを作成済み

発生している問題:

  • チェックボックスが正しく機能していない
  • filter.p.tag-15の値で「セール」タグを取得できない(ページによって対象が異なる)
  • チェックボックスとしての動作がうまくいかない

現在、コードは設置できているものの、絞り込み機能として正常に動作していない状態です。Shopifyの標準的な絞り込み機能との連携方法や、適切なタグ取得方法についての解決策が必要とされています。

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

スクリーンショット_2024-05-31_14_47_56.png
スクリーンショット_2024-05-31_14_47_56.png1785×738 167 KB

【目的】

「セール商品のみ表示」のチェックボックスだけ目立たせて設置したい。

Shopify Search & Discoveryの絞り込み機能として使用したい。

【準備】

Shopify Search & Discoveryをオンにし、下記コードをmain-collection-product-grid.liquid内に設置。

  • SALE商品のみ表示

    • 【結果】

    設置できたが、

    ・チェックボックスがうまく機能しない。

    ・Filter-filter.p.tag-15取得するようにしてるので、ページによって対象「セール」が取得できない

    チェクボックスを設置し、セール品のみを表示できるようにできたらいいのですが、何か良い方法はありますでしょうか？