17 lines
832 B
Markdown
17 lines
832 B
Markdown
# 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 |