FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

割引の場合に%OFFと表示させたい

解決済

割引の場合に%OFFと表示させたい

mira0
Shopify Partner
122 0 6

テーマはDawnを使用しています。

商品が割引時の場合に◯%OFFと表示させたいです。

price.liquidのコードを追加したのですが反映されませんでした。

追加した箇所は下記の、上段のコードと下段のコードの間に追加しました。

対処法などわかる方いらしたら教えていただきたいです。

 

{%- endunless -%}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.sale_price' | t }}</span>
<span class="price-item price-item--sale price-item--last">
{{ money_price }}
</span>

 

{% if current_variant.compare_at_price > 0 %}
{% comment %}割引前価格が設定されていればOFF率表記自体する{% endcomment %}
{% assign float_compare_at_price = current_variant.compare_at_price | times: 1.0 %}
{% assign per_sale = current_variant.price | divided_by: float_compare_at_price %}
{% assign float_per_off = 1 | minus: per_sale %}
{% assign per_off = float_per_off | times: 100 | round %}
<span style="
background: #ee7676;
color: #fff;
padding: 0 3px;">{{ per_off }}%OFF</span>
{% endif %}

</div>
<small class="unit-price caption{% if product.selected_or_first_available_variant.unit_price_measurement == nil %} hidden{% endif %}">
<span class="visually-hidden">{{ 'products.product.price.unit_price' | t }}</span>
<span class="price-item price-item--last">

1 件の受理された解決策

Qcoltd
Shopify Partner
1155 468 452

成功

ご質問いただいている割引率の件ですが、Dwanのprice.liquidで『compare_at_price』が割引前価格、『price』が実際の価格として取得されていましたので、掲載いただいていたコードを調整させていただきました。

 

下記コードでご希望の表示ができるかと思います。

{% if compare_at_price > 0 %}
{% comment %}割引前価格が設定されていればOFF率表記自体する{% endcomment %}
{% assign float_compare_at_price = compare_at_price | times: 1.0 %}
{% assign per_sale = price | divided_by: float_compare_at_price %}
{% assign float_per_off = 1 | minus: per_sale %}
{% assign per_off = float_per_off | times: 100 | round %}
<span style="
background: #ee7676;
color: #fff;
padding: 0 3px;">{{ per_off }}%OFF</span>
{% endif %}

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

1件の返信1

Qcoltd
Shopify Partner
1155 468 452

成功

ご質問いただいている割引率の件ですが、Dwanのprice.liquidで『compare_at_price』が割引前価格、『price』が実際の価格として取得されていましたので、掲載いただいていたコードを調整させていただきました。

 

下記コードでご希望の表示ができるかと思います。

{% if compare_at_price > 0 %}
{% comment %}割引前価格が設定されていればOFF率表記自体する{% endcomment %}
{% assign float_compare_at_price = compare_at_price | times: 1.0 %}
{% assign per_sale = price | divided_by: float_compare_at_price %}
{% assign float_per_off = 1 | minus: per_sale %}
{% assign per_off = float_per_off | times: 100 | round %}
<span style="
background: #ee7676;
color: #fff;
padding: 0 3px;">{{ per_off }}%OFF</span>
{% endif %}

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/