# README

To show discounted price on the collection page, kindly reference the files below (you can navigate from the browser UI above) , you can copy paste the code and replace the existing code on your store theme.

1. snippets/price-list.liquid
2. snippets/product-badges.liquid


The code below is for store specific product page widget configuration reference , you do not need to do anything with the code below.

## CSS

.yagi-price-container{display: flex; gap: 0.5em; align-items: center;} .yagi-price-container .price__sale { display: flex; flex-direction: row-reverse !important; justify-content: flex-end; gap: 0.75rem; align-items: center;} .yagi-discounted-price { color: rgb(var(--on-sale-text)); font-size: 25px; } .yagi-original-price { color: rgb(var(--text-color) / .7) }

## Price Selector

.product-info__price