Liquid、JavaScriptなどに関する質問
現在、Prestigeのテーマを使用しています。
コレクション一覧で表示される商品の価格を変更したいと考えています。
値段が2種類ある商品に対して、サムネイルの画面で表示される価格は最安値価格(¥000から)が表示されると思いますが、それを最高値価格に変更したいです。
まだまだLiquidを理解できておらず、どこを書き換えたらよいかわからないため試行錯誤しています。
似たような質問をされている方もいらっしゃいましたが、それを読んでも解決できず...。
お分かりになる方がいらっしゃいましたら、ご教授いただければ幸いです。
どうぞよろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
一例ですが、コレクション一覧で商品価格を最高価格で表示させるには以下方法があります。
①コレクション一覧でのみ最高価格を表示する
165行目の{%- elsif product.price_varies -%}の上に以下コードを追加
{%- elsif product.price_varies and template == 'collection'-%}
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
※特集コレクション、おすすめの商品、最近見た商品などでは最低価格が表示されます。
※例では{{}}の前に〜を入れていますが、{{}}の前後は任意の文字を入力できます。
②コレクション一覧以外でも最高価格を表示する
174行目の<span class="ProductItem__Price Price Text--subdued">...の{{}}の中身をproduct.price_max | moneyに変更する
変更後のコード:
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
参考ドキュメント:https://shopify.github.io/liquid-code-examples/example/price-range
参考になりましたら幸いです。
一例ですが以下方法で最高価格を表示させることができます。
編集するファイル名:product-item.liquid
方法①:コレクション一覧ページでのみ最高価格を表示する場合
165行目の {%- elsif product.price_varies -%}の上に以下コードを追加
{%- elsif product.price_varies and template == 'collection'-%}
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
※特集コレクション、最近見た商品、おすすめの商品などでは最低金額が表示されます。
※例では{{}}の前に〜を入れていますが、{{}}の前後には任意の文字をご入力いただけます。
方法②:コレクション一覧ページ以外でも最高価格を表示する場合
174行目の<span class="ProductItem__Price Price Text--subdued">...の{{}}の中身をproduct.price_max | moneyに変更
変更後のコード:
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
ストアでの見え方:
参考ドキュメント:https://shopify.github.io/liquid-code-examples/example/price-range
参考になりましたら幸いです。
成功
一例ですが、コレクション一覧で商品価格を最高価格で表示させるには以下方法があります。
①コレクション一覧でのみ最高価格を表示する
165行目の{%- elsif product.price_varies -%}の上に以下コードを追加
{%- elsif product.price_varies and template == 'collection'-%}
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
※特集コレクション、おすすめの商品、最近見た商品などでは最低価格が表示されます。
※例では{{}}の前に〜を入れていますが、{{}}の前後は任意の文字を入力できます。
②コレクション一覧以外でも最高価格を表示する
174行目の<span class="ProductItem__Price Price Text--subdued">...の{{}}の中身をproduct.price_max | moneyに変更する
変更後のコード:
<span class="ProductItem__Price Price Text--subdued">~{{ product.price_max | money }}</span>
参考ドキュメント:https://shopify.github.io/liquid-code-examples/example/price-range
参考になりましたら幸いです。
バッチリできました!!!
ありがとうございます。
サイトオープンが近づいており焦っておりましたが、大変助かりました!
これからもっとLiquidを勉強していき、カスタムできるように頑張ります。
Shopifyペイメント決済サービスを利用していて、ストアの管理画面の通知セクションに突然「Shopifyペイメントの使用を継続するために必要な情報」というバナーメッセージが表示さ...
By Mirai Dec 3, 2023すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023