26 lines
1.9 KiB
Plaintext
26 lines
1.9 KiB
Plaintext
|
custom original price selector
|
||
|
|
, .product-content [data-product-price]
|
||
|
|
|
||
|
|
custom injected CSS
|
||
|
|
|
||
|
|
.yagi-price-container{display: flex !important; gap: 0.5em; align-items: center !important;} .yagi-price-container .price__sale { display: flex; flex-direction: row !important; justify-content: flex-end; gap: 0.5em; align-items: center;} .yagi-discounted-price { font-size: var(--font-size-lg); font-weight: var(--main-font-weight); } .yagi-original-price { font-size: var(--font-size-lg); font-weight: var(--main-font-weight); } .yagi-sale-badge { font-family: var(--main-font-stack); font-weight: var(--main-font-weight); font-style: var(--main-font-style); letter-spacing: 0; text-decoration: none; color: rgba(var(--color-scheme-accent-2-contrast),var(--tw-text-opacity)); font-size: var(--font-size-sm); line-height: var(--base-line-height); text-align: center; padding-bottom: .25rem; padding-top: .125rem; padding-left: .5rem; padding-right: .5rem; background-color: rgba(var(--color-scheme-accent-2),var(--tw-bg-opacity)); border-color: #000; border-style: solid; border-width: var(--input-border-width); border-radius: var(--button-border-radius); display: inline-block; position: relative; }
|
||
|
|
|
||
|
|
|
||
|
|
custom injected JS
|
||
|
|
|
||
|
|
document.addEventListener("yagi:replacedBlock", (event) => {
|
||
|
|
setTimeout(function() {
|
||
|
|
const yagiBlock = document.querySelector("[data-block-handle='auto_discounted_price_product'],[id*='yagi_automatic_discount_helper_auto_discounted_price_product']");
|
||
|
|
const cartDiscountedPrice = document.querySelectorAll('.add-to-cart-btn span')[3];
|
||
|
|
const cartOriginalPrice = document.querySelector('.add-to-cart-btn span s');
|
||
|
|
|
||
|
|
if(cartDiscountedPrice) {
|
||
|
|
cartDiscountedPrice.textContent = yagiBlock.querySelector('.yagi-discounted-price').textContent;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(cartOriginalPrice) {
|
||
|
|
cartOriginalPrice.textContent = yagiBlock.querySelector('.yagi-original-price').textContent;
|
||
|
|
}
|
||
|
|
}, 100);
|
||
|
|
});
|