Liquid、JavaScriptなどに関する質問
テーマは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">
〜
解決済! ベストソリューションを見る。
成功
ご質問いただいている割引率の件ですが、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 %}
ご参考まで。
(キュー小坂)
成功
ご質問いただいている割引率の件ですが、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 %}
ご参考まで。
(キュー小坂)
オンラインストアを運営する中で、商品の返品や交換は重要なプロセスとなります。Shopify管理画面を通して簡単に返品や交換が行えることをご存知でしょうか?希望する場合は、お客...
By Mirai Sep 15, 2024Shopifyの請求書の支払いが失敗したという通知を受け取って驚いたことはありますか。初めての支払いでエラーが発生したり、これまで何の問題もなく支払いできていたのに突然失敗し...
By Minami_ Sep 8, 20242023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...
By JasonH Aug 15, 2024