Re: How To Show % Discount On A Product - Sense theme

Solved

How To Show % Discount On A Product - Sense theme

-ATT-
Visitor
2 0 0

ATT_0-1709614897417.pngATT_1-1709614930878.png

Hello, as you can see from the screenshots above that I can edit what is shown for products on sale. My question is, what should I enter instead of "33" for the site to calculate the discounted value as I am not willing to make each product on 33% sale.

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10043 2000 2046

This is an accepted solution.

Hi @-ATT- 

Dan here from Ryviu: Product Reviews & QA app.

Please visit your Online Store > Themes > Edit code > open price.liquid file, find this line of code 

{{ 'products.product.on_sale' | t }}

Replace it with this. 

{%- assign percent = product.compare_at_price | minus:product.price | times: 100 | divided_by:product.compare_at_price | round -%}
{{ percent }}% SALE

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)

BrainStation23
Shopify Partner
407 60 59

Hello @-ATT- 
You can watch this video to set discount 
https://www.youtube.com/watch?v=di2O_H1KRdY&t=25s

Brain Station 23 PLC (Mail: [email protected])
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

prakashVt
Shopify Partner
226 20 34

Hello @-ATT- 

You need to add this liquid code if it is not available on your product page 

{% if product.compare_at_price > product.price %}
{% assign discount_percentage = product.compare_at_price | minus: product.price%}
{% assign discount_percentage = discount_percentage | times: 100 %}
{% assign discount_percentage = discount_percentage | divided_by: product.compare_at_price %}

<p>{{ discount_percentage }}% off</p>

{% endif %}

 

prakashVt_0-1709617140805.png

See the above image. I tried and it works well. You may need to apply CSS based on your requirement. 

- Free Customer Dashboard apps that enhanced your customers' experience - VTN Customer Dashboard
- Feel free to Contact for more help (Free Support): [email protected]

Dan-From-Ryviu
Shopify Partner
10043 2000 2046

This is an accepted solution.

Hi @-ATT- 

Dan here from Ryviu: Product Reviews & QA app.

Please visit your Online Store > Themes > Edit code > open price.liquid file, find this line of code 

{{ 'products.product.on_sale' | t }}

Replace it with this. 

{%- assign percent = product.compare_at_price | minus:product.price | times: 100 | divided_by:product.compare_at_price | round -%}
{{ percent }}% SALE

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

-ATT-
Visitor
2 0 0

Thank you so much! Things from older forums have changed so much that I could get none to work, but this did it! 

RaviDixit
Visitor
1 0 1

Hey, Dan! I've tried your suggested method on my store yuneeq.in and thank you, it is working perfectly.

 

I've just changed the SALE to OFF and it is live now.

Dan-From-Ryviu
Shopify Partner
10043 2000 2046

Have a great day ahead.

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.