How to add a '% SNIŽENO' badge and change price color on product?

Topic summary

A user wants to implement two customizations on their product pages:

Primary Goals:

  • Add a “% SNIŽENO” (discount percentage) badge that automatically calculates and displays the discount between original and sale prices
  • Change the color of the sale price to make it visually distinct

Visual Reference:
The user included screenshots showing the desired badge placement and price display format they want to achieve.

Current Status:
This appears to be an initial request with no responses yet. The user is seeking guidance on how to implement these store design customizations.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

naveroshop_0-1702714122676.png

I want to add the “% SNIŽENO” badge i think it automatically does it comparing the price, and to change the color of it aswel as changing price color.