FROM CACHE - jp_header

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

解決済

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

tokyokankan1977
訪問者
2 0 0

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

 

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

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

 

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

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


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

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1537 549 697

成功

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

 

 

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

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

 

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

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

3件の返信3

株式会社フルバランス
Shopify Partner
1537 549 697

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

 

編集するファイル名: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>

 

ストアでの見え方:

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

 

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

 

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

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

株式会社フルバランス
Shopify Partner
1537 549 697

成功

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

 

 

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

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

 

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

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
tokyokankan1977
訪問者
2 0 0

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

ありがとうございます。

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

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