window.OpusNoATC = true; window.showRemoveProductWithAvis = true; window.opusShowSavingPercent =true; (function (ns, fetch) { ns.fetch = function() { const response = fetch.apply(this, arguments); response.then(res => { if (res.url.includes(`/cart/add`) && res.ok && !res.url.includes('opus')) { window?.opusOpen?.(); // el need hidden , only open opus cart const CartEl = document.querySelectorAll( 'cart-drawer' ); for (const el of CartEl) { const item = el; item.style.display = 'none'; item.style.visibility = 'hidden'; } } }); return response } }(window, window.fetch)) function handleCartEvents(event) { const items = event?.detail?.cart?.items ?? event?.detail?.items; if (items?.length === 0) return; const itemsOption = items.filter((item) => item.properties?.['_apo_option']) ?? []; const idProductsOption = itemsOption.map((item) => item.product_id); const elProductsList = document.querySelectorAll('.cd-product-item-content'); if (elProductsList.length > 0) { elProductsList.forEach((product) => { const isOption = [...product.classList].some(cls => idProductsOption.some(id => cls.includes(id)) ); if (isOption) { product.querySelector('.cd-product-item-delete').style.setProperty('visibility', 'hidden', 'important'); product.querySelector('.cd-number-input').style.setProperty('visibility', 'hidden', 'important'); } }) } } window.addEventListener('OpusCartChange', handleCartEvents); window.addEventListener('OpusOpenCartState', handleCartEvents); /* ===== Order updates toggle ===== */ (function () { var KEY = 'עדכוני הזמנה'; var ON = 'כן'; // palette — change these, everything follows var GREEN = '#0FA37F'; // switch when on var GREEN_EDGE = '#C3E4D9'; // card border when on var TRACK_OFF = '#DED8CF'; var BORDER_OFF = '#E8E2D8'; var CARD_OFF = '#FBF9F5'; var CARD_ON = '#F4FBF8'; var LINE = '#ECE8E2'; // the hairline dividers var state = false; var syncing = false; var S = { // dividers live on the wrapper, above and below the card wrap: 'margin:6px 14px 8px;padding:12px 0;box-sizing:border-box;' + 'border-top:1px solid ' + LINE + ';border-bottom:1px solid ' + LINE + ';', row: 'display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid ' + BORDER_OFF + ';' + 'border-radius:14px;background:' + CARD_OFF + ';cursor:pointer;box-sizing:border-box;width:100%;margin:0;' + 'transition:background-color .2s ease,border-color .2s ease;', icon: 'flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#111111;', text: 'flex:1 1 auto;min-width:0;line-height:1.3;text-align:right;', title: 'display:inline-flex;align-items:center;gap:7px;font-size:15.5px;font-weight:800;color:#111111;' + 'letter-spacing:-.01em;margin:0;', badge: 'font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:5px;background:#EFEBE4;' + 'color:#6E665E;white-space:nowrap;line-height:1.5;letter-spacing:.02em;', sub: 'display:block;font-size:13.5px;color:#78706A;margin:2px 0 0;', input: 'position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;border:0;' + 'pointer-events:none;appearance:none;-webkit-appearance:none;', sw: 'position:relative;flex:0 0 auto;display:block;width:46px;height:26px;border-radius:999px;' + 'background:' + TRACK_OFF + ';transition:background-color .22s ease;', knob: 'position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;' + 'background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .22s ease;' }; // bold black envelope with notification bell var SVG = ''; var HTML = '' + '' + SVG + '' + '' + 'עדכונים בזמן אמת' + 'חינם' + 'אני רוצה לקבל עדכונים על ההזמנה שלי' + '' + '' + '' + ''; // :checked can't drive inline styles, so repaint by hand. function paint() { var sw = document.getElementById('ou-sw'); var knob = document.getElementById('ou-knob'); var row = document.getElementById('ou-row'); if (sw) sw.style.setProperty('background', state ? GREEN : TRACK_OFF, 'important'); if (knob) knob.style.setProperty('transform', state ? 'translateX(-20px)' : 'none', 'important'); if (row) { row.style.setProperty('border-color', state ? GREEN_EDGE : BORDER_OFF, 'important'); row.style.setProperty('background', state ? CARD_ON : CARD_OFF, 'important'); } } fetch('/cart.js', { headers: { Accept: 'application/json' } }) .then(function (r) { return r.json(); }) .then(function (cart) { state = !!(cart.attributes && cart.attributes[KEY] === ON); var i = document.getElementById('ou-input'); if (i) i.checked = state; paint(); }) .catch(function () {}); function findCheckout() { var sels = [ '#opus-checkout-btn-2', '.cd-checkout-section-button', '.cd-bottom-button-group', '[name="checkout"]', 'a[href*="/checkout"]' ]; for (var s = 0; s < sels.length; s++) { var els = document.querySelectorAll(sels[s]); for (var i = 0; i < els.length; i++) { if (els[i].offsetParent !== null) return els[i]; } } return null; } function inject() { if (document.getElementById('ou-wrap')) return; var anchor = findCheckout(); if (!anchor || !anchor.parentNode) return; var wrap = document.createElement('div'); wrap.id = 'ou-wrap'; wrap.setAttribute('dir', 'rtl'); wrap.setAttribute('style', S.wrap); wrap.innerHTML = HTML; anchor.parentNode.insertBefore(wrap, anchor); document.getElementById('ou-input').checked = state; paint(); } window.addEventListener('OpusOpenCartState', function () { setTimeout(inject, 0); }); window.addEventListener('OpusCartChange', function () { setTimeout(inject, 0); }); var queued = false; new MutationObserver(function () { if (queued) return; queued = true; requestAnimationFrame(function () { queued = false; inject(); }); }).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); // Heartbeat. The drawer is rendered at page load and hidden with a CSS // transform, and EGO re-renders it on open, which can wipe the node. // Cheap enough to just keep checking: one getElementById per half second. setInterval(inject, 500); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', inject); } else { inject(); } document.addEventListener('change', function (e) { var input = e.target; if (!input || input.id !== 'ou-input' || syncing) return; syncing = true; state = input.checked; paint(); var row = document.getElementById('ou-row'); if (row) row.style.setProperty('opacity', '.6', 'important'); var body = { attributes: {} }; body.attributes[KEY] = state ? ON : ''; fetch('/cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) }) .catch(function () { state = !state; input.checked = state; paint(); }) .finally(function () { syncing = false; if (row) row.style.setProperty('opacity', '1', 'important'); }); }); })(); (function () { function updateDiscountPercentage() { const discountEl = document.querySelector( '.opus-warp-section-discount .cd-checkout-section-discount-amount .money' ); const subtotalEl = document.querySelector( '.opus-subtotal-section .opus-subtotal-amount' ); if (!discountEl || !subtotalEl) return; const discount = parseFloat( discountEl.textContent.replace(/[^\d.,-]/g, '').replace(',', '.') ); const subtotal = parseFloat( subtotalEl.textContent.replace(/[^\d.,-]/g, '').replace(',', '.') ); if (!discount || !subtotal) return; const percentage = Math.round((Math.abs(discount) / subtotal) * 100); let percentageEl = discountEl.nextElementSibling; if (!percentageEl || !percentageEl.classList.contains('opus-discount-percentage')) { percentageEl = document.createElement('span'); percentageEl.className = 'opus-discount-percentage'; discountEl.insertAdjacentElement('afterend', percentageEl); } percentageEl.textContent = ` (${percentage}% הנחה)`; } ['OpusCartChange', 'OpusOpenCartState'].forEach(event => { window.addEventListener(event, updateDiscountPercentage); }); updateDiscountPercentage(); })();

צור קשר

טופס יצירת קשר