FROM CACHE - jp_header
解決済

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

mira0
Shopify Partner
110 0 1

テーマは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
1051 429 413

成功

ご質問いただいている割引率の件ですが、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
1051 429 413

成功

ご質問いただいている割引率の件ですが、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/