コレクション一覧で表示される価格の変更

現在、Prestigeのテーマを使用しています。

コレクション一覧で表示される商品の価格を変更したいと考えています。

値段が2種類ある商品に対して、サムネイルの画面で表示される価格は最安値価格(¥000から)が表示されると思いますが、それを最高値価格に変更したいです。

まだまだLiquidを理解できておらず、どこを書き換えたらよいかわからないため試行錯誤しています。

似たような質問をされている方もいらっしゃいましたが、それを読んでも解決できず…。

お分かりになる方がいらっしゃいましたら、ご教授いただければ幸いです。
どうぞよろしくお願いいたします。

一例ですが以下方法で最高価格を表示させることができます。

編集するファイル名:product-item.liquid

方法①:コレクション一覧ページでのみ最高価格を表示する場合

165行目の {%- elsif product.price_varies -%}の上に以下コードを追加

{%- elsif product.price_varies  and template == 'collection'-%}
  ~{{ product.price_max | money }}

※特集コレクション、最近見た商品、おすすめの商品などでは最低金額が表示されます。

※例では{{}}の前に〜を入れていますが、{{}}の前後には任意の文字をご入力いただけます。

方法②:コレクション一覧ページ以外でも最高価格を表示する場合

174行目の…の{{}}の中身をproduct.price_max | moneyに変更

変更後のコード:

~{{ product.price_max | money }}

ストアでの見え方:

スクリーンショット 2022-04-18 18.13.46.png

参考ドキュメント:https://shopify.github.io/liquid-code-examples/example/price-range

参考になりましたら幸いです。

一例ですが、コレクション一覧で商品価格を最高価格で表示させるには以下方法があります。

①コレクション一覧でのみ最高価格を表示する

165行目の{%- elsif product.price_varies -%}の上に以下コードを追加

{%- elsif product.price_varies and template == 'collection'-%}
   ~{{ product.price_max | money }}

※特集コレクション、おすすめの商品、最近見た商品などでは最低価格が表示されます。

※例では{{}}の前に〜を入れていますが、{{}}の前後は任意の文字を入力できます。

②コレクション一覧以外でも最高価格を表示する

174行目の…の{{}}の中身をproduct.price_max | moneyに変更する

変更後のコード:

~{{ product.price_max | money }}

参考ドキュメント:https://shopify.github.io/liquid-code-examples/example/price-range

参考になりましたら幸いです。

バッチリできました!!!

ありがとうございます。

サイトオープンが近づいており焦っておりましたが、大変助かりました!

これからもっとLiquidを勉強していき、カスタムできるように頑張ります。