README

To show discounted price on the collection page, kindly reference the files below (you can navigate from the browser UI above)

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