Hi, I would like to add the sale percentage beside my price on product page only. Could anyone help me? Additionally I want to also swap my discounted price with my old price. Please see photo for reference.
Old layout :
Desired layout:
Topic summary
A user wants to display sale percentages next to product prices on product pages only and swap the position of discounted and original prices.
Current issue:
- Original price appears before discounted price
- No percentage discount shown
Solutions offered:
Code-based approach:
- Insert custom Liquid code in
snippets/price.liquid(around line 126 for Dawn theme) - Code calculates discount percentage by comparing original and sale prices
- Displays “Save X%” with background styling
App-based alternative:
- Use the Discounty App for sale badges and discount displays without manual coding
Status: Multiple solutions provided but no confirmation from original poster on implementation or resolution. The discussion remains open with unanswered questions about which approach was chosen.
1 Like
please try constructionlayers.com
1 Like
You can try to insert this code in snippets/price.liquid if you are using dawn theme line 126 then it will show like save 11% for me with background
{% if compare_at_price > price %}
{% assign compare_at_price_float = compare_at_price | divided_by: 100.0 %}
{% assign price_float = price | divided_by: 100.0 %}
{% assign price_difference = compare_at_price_float | minus: price_float %}
{% assign discount_percentage = price_difference | divided_by: compare_at_price_float | times: 100.0 %}
Save {{ discount_percentage | round }}%
{% endif %}
Hi @clayinfo
I strongly recommend using the Discounty App, where you can take advantage of sale badges, discount badges, and apply discounts to compare-at prices. Check out Discounty app!
1 Like