shopify 分类页 显示折扣信息

本文深入解析了一段用于展示产品折扣信息的代码片段,详细解释了如何计算并显示产品的折扣百分比,以及如何在页面上突出显示这些信息。通过具体的代码实例,读者可以了解到在电商网站中实现折扣展示的技术细节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     {% if on_sale and section.settings.show_sale_circle %}
        <span class="badge badge--sale">
          <span class="badge__text{% if sale_text.size > 7 %} badge__text--small{% endif %}">{{ 'products.product.sale' | t }}
         {{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}%
            
          </span>
        </span>
      {% endif %}

 

 

{% if product.compare_at_price_max > product.price %}
<span style="position:absolute;top:0;right:0;background:#FF0000;display:block;padding:2px 5px;border-radius:4px;z-index:999;color:#FFFFFF;font-size:12px;"><em>
{{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}% off
 </em></span>
{% endif %}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值