How to show offered discount in products and collections?

Alliance
Trailblazer
500 8 26

Hi Guys,

 

I have a discount of 25% on all products. I have also set up the price variant manually for all products. How to show price before, price after, and you saved, besides showing up the discount percentage 25%. 

 

Thank you

Replies 4 (4)

GemPages
Shopify Partner
5588 1261 1203

Hello @Alliance 

 

It's GemPages support team and glad to support you today.To provide you with the most precise solution in this case/ To make sure we catch your meaning right, could you please share... link? Thank you and hope to hear from you.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Alliance
Trailblazer
500 8 26

allianceautoproducts.com

GemPages
Shopify Partner
5588 1261 1203

@Alliance 

 

It's GemPages support team and glad to support you today.

I will give you a solution to add css code to add text (-25%) behind all the prices

I would like to give you a solution to support you:

1. Go to Online Store -> Theme -> Edit code:

 

GemPages_0-1669618959296.png

 

 

2. Open your theme.liquid theme file

3. Paste the below code before </body>:

 

 

<style>
  .price__regular span.price-item.price-item--regular::after {
    content: "(-25%)";
    color: red;
  }   
</style>

 

 

 Result: 

Screenshot at Dec 09 19-08-33.png

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Alliance
Trailblazer
500 8 26

Thank you guys. Can we show price after discount. That would be great and not confusing to customers.

 

Thank you