Skip to product information
1 of 1
Published:2024.07.23

Example of how to highlight sale icons and sale prices on collection and product pages in the Shopify theme "Dawn"

Example of how to highlight sale icons and sale prices on collection and product pages in the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • HTML/CSS
View full details

In its default state, the Shopify theme "Dawn" makes sale items less noticeable, so it's a good idea to change the color of the badges and prices for discounted items.


Example of how to highlight sale icons and sale prices on collection and product pages in the Shopify theme "Dawn"


[(For the Dawn theme) Setup step 1] Add a color scheme in the theme's "Settings" and change the color of the "Badge"


[(For the Dawn theme) Setup step 2] Add custom CSS to collection and product templates in the theme editor


Related Post