Streamline theme

Copy paste the files in "snippets" folder, to your theme editor files.

Custom CSS for product page widget

Below is the custom CSS for the product page discounted price widget, this is just for reference, no action required

.yagi-price-container{display: flex; gap: 0.5em; align-items: center; margin-bottom: 0.5em;} .yagi-price-container .price__sale { display: flex; flex-direction: row-reverse !important; justify-content: flex-end; gap: 0.5em; } .yagi-discounted-price { color: var(--color-sale-price); } .yagi-sale-badge { background-color: var(--color-sale-tag); color: var(--color-sale-tag-text); padding: 4px 6px; border-radius: 4px;} @media only screen and (max-width: 768px) { .yagi-price-container { justify-content: center; } }