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

688 B Raw Blame History

README

CSS

Price Selector

688 B

Raw Blame History