Shopify themes, liquid, logos, and UX
I'm having issues trying to change the SALE badge on products to "save $xxx" which is the amount you save from the compare and real price instead of it just saying "SALE" and it can't just be in language because I have multiple products so it must be coded inside the code
I use Dawn theme 11.0
Hi @NichlasBach
1. Open 'product-price.liquid' and find {{ 'products.product.on_sale' | t }}, replace this with the code below:
{% assign percentage = 0 %} {% for variant in product.variants %} {% assign saving = variant.compare_at_price | minus: variant.price | times: 100 | divided_by: variant.compare_at_price | round %} {% assign percentage = saving | at_least: percentage %} {% endfor %} Save up to {{ percentage }}%
2. Click Save.
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Hi @laddisahsi! It worked great for the pdp price but how can i use this same badge for the product card sale badge? I tried to do the same following your instructions but it only appears "Save 0%" instead of the real percentage. I would be very grateful y you can help me with this!
Hi @cbswco
This can be done using {{ product }} variable, for this have to check the code.
In product listing page have run this code using product varibale.
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
@laddisahsi thank you so much for your time answering. Could you be a little more specific with the instructions regarding code please 🙏 as i´m no programmer or so.
Thank you very much!
Hi @NichlasBach ,
Please refer the below code to implement the same on product card.
{%- assign difference = card_product.compare_at_price | minus: card_product.price -%}
{%- assign float_difference = difference | times: 1.0 -%}
{%- assign discount_fraction = float_difference | divided_by: card_product.compare_at_price -%}
{%- assign discount_percentage = discount_fraction | times: 100 | round -%}
{{- discount_percentage }} OFF
To implement the same on product page in detail, kindly refer the video
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024