Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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:
please try constructionlayers.com
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
<span style="background-color:red;color:#FFF">
{% 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 %}
<p>Save {{ discount_percentage | round }}%</p> <!-- Prints the rounded percentage saved -->
{% endif %}
</span>
Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.
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!