複数のバリエーションがある商品価格をコレクション一覧で「●●~▲▲jpy」という表記にしたい

Topic summary

ユーザーは、複数のバリエーション(Sサイズ¥990、Mサイズ¥1440)を持つ商品の価格表示を、コレクション一覧ページで現在の「From ¥990」から「¥990~¥1440」という範囲表示に変更したいと質問しています。

使用環境:

  • テーマ:Showcase(有料テーマ)

提案された解決策:
回答者は、Liquidコードで以下の変数を使用することを提案:

  • 最小価格:{{ product.price_min }}
  • 最大価格:{{ product.price_max }}

Showcaseテーマでは既にprice_minが設定されているため、同じ箇所にprice_maxも設定すれば希望の形式で表示できる可能性があります。

現状:
有料テーマのためコードが確認できず、具体的な実装方法の提示は困難。質問者はprice_minタグをファイル内で検索したものの見つからず、大まかな方法は理解したが具体的な実装には至っていない状況です。

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

複数のバリエーション(オプション)がある商品の価格を「●●~▲▲JPY」という表記にしたいです。

現在、Sサイズ¥990、Mサイズ¥1440、でバリエーション登録していますが、
コレクション一覧ページに「From ¥990」と安値のみ表示されています。
これを¥990〜¥1440と表示させたいです。

使用テーマはShowcaseです。よろしくお願い致します。

同じ内容で質問されていましたが、回答が把握できなかった為再度投稿させていただきました。
https://community.shopify.com/post/1896892

@watanabemikako

コード編集が必要になると思うのですが、

有料テーマなのでコードを見ることができずご提案が難しいです。

コンセプトだけお伝えしますと、

下記のliquidで、その商品最大価格と最小価格が表示できます。

その商品のバリエーションの最大価格: {{ product.price_max }}

https://shopify.dev/docs/api/liquid/objects/product#product-price_max

その商品のバリエーションの最小価格: {{ product.price_min }}

https://shopify.dev/docs/api/liquid/objects/product#product-price_min

Showcaseは、price_minの設定はされているようなので、price_minが表示されている箇所を探して、price_maxも設定してあげることでご希望の形にできるかと思います。

ご参考まで。

(キュー田辺)

1 Like

ありがとうございます。有料テーマなのでコードを見ないと難しいとのこと承知しました。
コード編集のliquidとあるファイル内でprice_minタグを探してみましたが、見当たりませんでしたが、大まかな方法は掴めたのでもう少し模索してみます。

1 Like