Show Discount Percentage On Product Tile & Product Page (Cascade Theme)

[winstonmaz]

Hi, I'd like to show the discount percentage on the Product Tile and Product Page. I'd also like to add a different colour to the discount percentage badge. 

I'm using the Cascade theme. My website is https://lecenterpiece.com/

Thank you,

[AK_Design_Dev]

Hello @winstonmaz 

you checked all the cms settings or not...?

[winstonmaz]

Yes, I did

[AK_Design_Dev]

then you need to add code in product file for discount percentage

[PaulNewton]

Note: discount campaigns are not accessible in themes , discount values are only calculated for items in the cart.

See if there's a custom-liquid block etc in the area the message should show up.

If it's not already built into theme settings or blocks,  to display sale percentage badges for all products or per product on collections or product description page (PDP),  then advanced theme customizations are required.

With an exception being checking for custom-html blocks/settings (or custom-liquid etc) for the PDP in OS2.0 compatible themes.

Such as in a product-info section, etc that have a custom-liquid block in the desired area.

In which case just use a custom-liquid block to add a static message for that products discount.

Use alternate templates so only specific products get that custom message

https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-t... 

Doing it per dynamic variant selection with different rates is more complicated.

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[jelisjack4]

For adding a discount percentage on the Cascade theme, you can customize the theme's code. You'll need to modify the Liquid files for both the Product Tile and Product Page. You can add CSS to change the badge color as well. If you're not familiar with coding, you might consider reaching out to a Shopify expert for a quick setup.

[Amanda_Fordeer]

Hi @winstonmaz, you should try our Fordeer Product Labels & Badges to add a discount badge to your product pages. Create a label and then customize it as you want.