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

AI-generated summary

Prestigeテーマのコレクション一覧で、バリアント価格がある商品の表示価格を「最安値」から「最高値」に切り替える方法の相談。Liquid(Shopifyのテンプレート言語)でどこを編集すべきか不明という課題。

提示された解法:product-item.liquid を編集。

  • 方法1(コレクション一覧のみ最高値表示):165行目の「{%- elsif product.price_varies -%}」の直前に
    「{%- elsif product.price_varies and template == ‘collection’ -%} ~{{ product.price_max | money }}」を追加。
    注:特集コレクション/おすすめ/最近見た商品などは最安値のまま。
  • 方法2(全ページで最高値表示):174行目の価格表示(内)の {{}} を「product.price_max | money」に置き換え。

用語補足:product.price_varies=バリアント間で価格が異なる場合に真、product.price_max=最高バリアント価格、money=通貨形式に整形。

参考リンク(公式Liquidコード例:price-range)が共有され、依頼者は「問題解決」と報告。結論は出ており、スレッドは解決済み。

現在、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を勉強していき、カスタムできるように頑張ります。