'; wrap.innerHTML = html; } function updateSaveTip(v) { if (!saveTipEl || !saveTipTextEl) return; if (v && v.save_formatted) { saveTipEl.classList.remove('is-hidden'); saveTipTextEl.textContent = saveTipTemplate.replace('{amount}', v.save_formatted); } else { saveTipEl.classList.add('is-hidden'); saveTipTextEl.textContent = ''; } } function refreshUI(syncMainImage) { if (syncMainImage === undefined) syncMainImage = true; var v = getVariant(); var hidden = root.querySelector('[data-wcpd-variant-id]'); var addBtn = root.querySelector('[data-wcpd-add]'); var buyBtn = root.querySelector('[data-wcpd-buy-now]'); root.querySelectorAll('[data-wcpd-opt]').forEach(function (btn) { var idx = parseInt(btn.getAttribute('data-option'), 10); var val = btn.getAttribute('data-value'); var sel = selected[idx] === val; btn.classList.toggle('is-selected', sel); btn.disabled = !optionValueAvailable(idx, val); }); root.querySelectorAll('[data-wcpd-color-label]').forEach(function (label) { var idx = parseInt(label.getAttribute('data-option'), 10); if (isNaN(idx)) return; var val = selected[idx] || ''; label.textContent = val ? ': ' + val : ''; }); if (!v) { root.classList.add('is-unavailable'); if (hidden) { hidden.value = ''; hidden.disabled = true; } if (addBtn) { addBtn.disabled = true; var addSpan = addBtn.querySelector('span'); if (addSpan) addSpan.textContent = "products.product.unavailable"; } if (buyBtn) { var buyLabel = buyBtn.querySelector('[data-wcpd-buy-label]'); var buySpinner = buyBtn.querySelector('.loading__spinner'); buyBtn.disabled = true; buyBtn.classList.remove('is-loading'); if (buyLabel) buyLabel.textContent = buyBtnDefaultLabel; if (buySpinner) buySpinner.classList.add('hidden'); } updateSaveTip(null); return; } root.classList.remove('is-unavailable'); if (hidden) { hidden.value = v.id; hidden.disabled = !v.available; } updatePriceHtml(v); updateSaveTip(v); if (syncMainImage) { var m = mediaById(v.featured_media_id); if (!m && mediaList.length) m = mediaList[0]; if (m && m.src) { setMainImage(m.src); updateThumbsActive(m.id); } } if (addBtn) { addBtn.disabled = !v.available; var span = addBtn.querySelector('span'); if (span) { span.textContent = v.available ? "Kosárba" : "Elfogyott"; } } if (buyBtn) { var buyLabel = buyBtn.querySelector('[data-wcpd-buy-label]'); var buySpinner = buyBtn.querySelector('.loading__spinner'); buyBtn.classList.toggle('is-loading', isBuying); buyBtn.disabled = !v.available || isBuying; if (buyLabel && !isBuying) buyLabel.textContent = buyBtnDefaultLabel; if (buySpinner) buySpinner.classList.toggle('hidden', !isBuying); } } root.querySelectorAll('[data-wcpd-opt]').forEach(function (btn) { btn.addEventListener('click', function () { var idx = parseInt(btn.getAttribute('data-option'), 10); var val = btn.getAttribute('data-value'); selected[idx] = val; refreshUI(); }); }); var thumbs = root.querySelector('[data-wcpd-thumbs]'); if (thumbs) { var thumbPrev = root.querySelector('[data-wcpd-thumb-prev]'); var thumbNext = root.querySelector('[data-wcpd-thumb-next]'); function getThumbScrollStep() { var items = thumbs.querySelectorAll('[data-wcpd-thumb]'); if (!items.length) return 90; var h0 = items[0].offsetHeight; if (items.length < 2) return Math.max(1, Math.round(h0)); var stride = items[1].offsetTop - items[0].offsetTop; if (stride > 0) return Math.round(stride); var cs = window.getComputedStyle(thumbs); var gap = parseFloat(cs.rowGap) || parseFloat((cs.gap || '').split(' ')[0]) || parseFloat(cs.columnGap) || 8; if (!gap || isNaN(gap)) gap = 8; return Math.round(h0 + gap); } function scrollThumbsVertical(dir) { var step = getThumbScrollStep(); thumbs.scrollBy({ top: dir * step, behavior: 'smooth' }); } function updateThumbNavDisabled() { if (!thumbPrev || !thumbNext) return; var maxScroll = Math.max(0, thumbs.scrollHeight - thumbs.clientHeight); thumbPrev.disabled = thumbs.scrollTop <= 1; thumbNext.disabled = thumbs.scrollTop >= maxScroll - 1; } if (thumbPrev) { thumbPrev.addEventListener('click', function () { if (thumbPrev.disabled) return; scrollThumbsVertical(-1); }); } if (thumbNext) { thumbNext.addEventListener('click', function () { if (thumbNext.disabled) return; scrollThumbsVertical(1); }); } thumbs.addEventListener('scroll', function () { updateThumbNavDisabled(); }); window.addEventListener('resize', function () { updateThumbNavDisabled(); }); updateThumbNavDisabled(); window.addEventListener('load', function () { updateThumbNavDisabled(); }); root.querySelectorAll('[data-wcpd-thumb]').forEach(function (btn) { btn.addEventListener('click', function () { var id = btn.getAttribute('data-media-id'); activateMedia(id, true); }); }); var mainImg = root.querySelector('.wcpd__main-img'); if (mainImg) { var SWIPE_TRIGGER_PX = 40; var swipeStartX = 0; var swipeStartY = 0; var swipeDeltaX = 0; var swipeDeltaY = 0; var swipeTracking = false; var swipeActive = false; function thumbMediaIds() { return Array.prototype.map.call( root.querySelectorAll('[data-wcpd-thumb]'), function (el) { return String(el.getAttribute('data-media-id')); } ).filter(function (id) { return !!id; }); } function getCurrentMediaId(ids) { var active = root.querySelector('[data-wcpd-thumb].is-active'); if (active) return String(active.getAttribute('data-media-id')); var current = getVariant(); if (current && current.featured_media_id != null) return String(current.featured_media_id); return ids[0] || null; } function switchMainMedia(step) { var ids = thumbMediaIds(); if (ids.length < 2) return; var currentId = getCurrentMediaId(ids); var currentIndex = ids.indexOf(String(currentId)); if (currentIndex < 0) currentIndex = 0; var nextIndex = (currentIndex + step + ids.length) % ids.length; activateMedia(ids[nextIndex], true); } mainImg.setAttribute('draggable', 'false'); mainImg.addEventListener('touchstart', function (e) { if (!e.touches || e.touches.length !== 1) return; swipeTracking = true; swipeActive = false; swipeStartX = e.touches[0].clientX; swipeStartY = e.touches[0].clientY; swipeDeltaX = 0; swipeDeltaY = 0; }, { passive: true }); mainImg.addEventListener('touchmove', function (e) { if (!swipeTracking || !e.touches || e.touches.length !== 1) return; swipeDeltaX = e.touches[0].clientX - swipeStartX; swipeDeltaY = e.touches[0].clientY - swipeStartY; if (Math.abs(swipeDeltaX) > 10 && Math.abs(swipeDeltaX) > Math.abs(swipeDeltaY)) { swipeActive = true; e.preventDefault(); } }, { passive: false }); mainImg.addEventListener('touchend', function () { if (!swipeTracking) return; swipeTracking = false; if (!swipeActive) return; if (Math.abs(swipeDeltaX) < SWIPE_TRIGGER_PX) return; switchMainMedia(swipeDeltaX < 0 ? 1 : -1); }); mainImg.addEventListener('touchcancel', function () { swipeTracking = false; swipeActive = false; }); } var isDragging = false; var dragMoved = false; var startX = 0; var startScrollLeft = 0; var startY = 0; var startScrollTop = 0; function onDragStart(clientX, clientY) { isDragging = true; dragMoved = false; startX = clientX; startY = clientY; startScrollLeft = thumbs.scrollLeft; startScrollTop = thumbs.scrollTop; thumbs.classList.add('is-dragging'); } function onDragMove(clientX, clientY) { if (!isDragging) return; var dx = clientX - startX; var dy = clientY - startY; if (Math.abs(dx) > 4 || Math.abs(dy) > 4) dragMoved = true; if (window.matchMedia('(max-width: 768px)').matches) { thumbs.scrollLeft = startScrollLeft - dx; } else { thumbs.scrollTop = startScrollTop - dy; } } function onDragEnd() { if (!isDragging) return; isDragging = false; thumbs.classList.remove('is-dragging'); } thumbs.addEventListener('mousedown', function (e) { if (e.button !== 0) return; onDragStart(e.clientX, e.clientY); }); window.addEventListener('mousemove', function (e) { if (!isDragging) return; e.preventDefault(); onDragMove(e.clientX, e.clientY); }); window.addEventListener('mouseup', function () { onDragEnd(); }); thumbs.addEventListener('mouseleave', function () { onDragEnd(); }); thumbs.addEventListener('click', function (e) { if (!dragMoved) return; e.preventDefault(); e.stopPropagation(); }, true); thumbs.addEventListener( 'wheel', function (e) { var isMobile = window.matchMedia('(max-width: 768px)').matches; if (!isMobile) { e.preventDefault(); thumbs.scrollTop += e.deltaY; return; } if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return; e.preventDefault(); thumbs.scrollLeft += e.deltaY; }, { passive: false } ); } var qtyInput = root.querySelector('#wcpd-qty-template--22430751195365__wpage_template_MDLUAa-wcpd-9630403068133'); function qtyStep(delta) { if (!qtyInput) return; var step = parseInt(qtyInput.getAttribute('step'), 10) || 1; var min = parseInt(qtyInput.getAttribute('min'), 10) || 1; var max = parseInt(qtyInput.getAttribute('max'), 10); var v = parseInt(qtyInput.value, 10) || min; v += delta * step; if (v < min) v = min; if (!isNaN(max) && v > max) v = max; qtyInput.value = v; } var qm = root.querySelector('[data-wcpd-qty-minus]'); var qp = root.querySelector('[data-wcpd-qty-plus]'); if (qm) qm.addEventListener('click', function () { qtyStep(-1); }); if (qp) qp.addEventListener('click', function () { qtyStep(1); }); var buyBtn = root.querySelector('[data-wcpd-buy-now]'); var form = document.getElementById('wcpd-form-template--22430751195365__wpage_template_MDLUAa-wcpd-9630403068133'); function getLandingSiteUrl() { var current = window.location.href || ''; try { var stored = localStorage.getItem('landing_site_url'); if (!stored) { localStorage.setItem('landing_site_url', current); return current; } return stored; } catch (e) { return current; } } /* 落地页 URL 随 /cart/add 一次提交，禁止额外 /cart/update 以降低风控触发 */ function ensureLandingSiteUrlInForm() { var input = root.querySelector('[data-landing-site-url-input]'); if (!input) return; var landingUrl = getLandingSiteUrl(); if (landingUrl) input.value = landingUrl; } function canStartCartAction() { var now = Date.now(); if (isCartSubmitting || now - lastCartActionAt < CART_ACTION_COOLDOWN_MS) return false; lastCartActionAt = now; return true; } ensureLandingSiteUrlInForm(); if (form) { form.addEventListener( 'submit', function (e) { e.preventDefault(); e.stopImmediatePropagation(); if (buyBtn && buyBtn.disabled) return; if (isBuying) return; var v = getVariant(); if (!v || !v.available) return; isBuying = true; goToLocalCheckout(); }, true ); } if (typeof subscribe === 'function' && typeof PUB_SUB_EVENTS !== 'undefined') { subscribe(PUB_SUB_EVENTS.cartUpdate, function () { isCartSubmitting = false; }); subscribe(PUB_SUB_EVENTS.cartError, function () { isCartSubmitting = false; }); } function goToLocalCheckout() { var v = getVariant(); if (!v || !v.available) return; var qty = 1; if (qtyInput) { qty = parseInt(qtyInput.value, 10) || 1; } var m = mediaById(v.featured_media_id); if (!m && mediaList.length) m = mediaList[0]; var order = { title: 'Egész napos kényelmes ortopéd cipő', color: v.option1 || selected[0] || '', size: v.option2 || selected[1] || '', quantity: qty, price: v.price, comparePrice: v.compare_at_price, priceFormatted: v.price_formatted, compareFormatted: v.compare_formatted, image: m && m.src ? m.src : '', variantId: v.id }; try { sessionStorage.setItem('texsnice_order', JSON.stringify(order)); } catch (e) {} window.location.href = 'checkout.html'; } if (buyBtn && form) { buyBtn.addEventListener('click', function () { if (buyBtn.disabled || isBuying) return; var v = getVariant(); if (!v || !v.available) return; isBuying = true; buyBtn.classList.add('is-loading'); var buySpinner = buyBtn.querySelector('.loading__spinner'); if (buySpinner) buySpinner.classList.remove('hidden'); buyBtn.disabled = true; goToLocalCheckout(); }); } window.addEventListener('pageshow', function () { if (!buyBtn) return; if (!buyBtn.classList.contains('is-loading') && !isBuying) return; restoreBuyButtonState(); }); (function startCountdown() { var hourEl = root.querySelector('[data-wcpd-count-h]'); var minEl = root.querySelector('[data-wcpd-count-m]'); var secEl = root.querySelector('[data-wcpd-count-s]'); if (!hourEl || !minEl || !secEl) return; /* 每轮固定 15 分钟：显示 00 : 15 : 00 → … → 00 : 00 : 00，再立刻新开一轮 */ var CYCLE_SEC = 15 * 60; var storageKey = 'wcpd-urgency-15m-template--22430751195365__wpage_template_MDLUAa-wcpd-9630403068133'; var legacyKey = 'wcpd-urgency-end-template--22430751195365__wpage_template_MDLUAa-wcpd-9630403068133'; var endAt; try { sessionStorage.removeItem(legacyKey); } catch (eLegacy) {} function readStoredEnd() { try { var stored = sessionStorage.getItem(storageKey); if (stored) { var parsed = parseInt(stored, 10); if (!isNaN(parsed)) return parsed; } } catch (e) {} return null; } function writeStoredEnd(ts) { try { sessionStorage.setItem(storageKey, String(ts)); } catch (e2) {} } function ensureEndAt() { var now = Date.now(); var stored = readStoredEnd(); if (stored != null && stored > now) { var remSec = Math.floor((stored - now) / 1000); if (remSec > CYCLE_SEC) { endAt = now + CYCLE_SEC * 1000; writeStoredEnd(endAt); return; } endAt = stored; return; } endAt = now + CYCLE_SEC * 1000; writeStoredEnd(endAt); } function pad(v) { return v < 10 ? '0' + v : String(v); } function tick() { var now = Date.now(); var remain = Math.floor((endAt - now) / 1000); if (remain > CYCLE_SEC) { endAt = now + CYCLE_SEC * 1000; writeStoredEnd(endAt); remain = CYCLE_SEC; } if (remain <= 0) { endAt = now + CYCLE_SEC * 1000; writeStoredEnd(endAt); remain = Math.floor((endAt - Date.now()) / 1000); if (remain > CYCLE_SEC) remain = CYCLE_SEC; if (remain < 0) remain = 0; } /* 单轮最长 15 分钟且 < 1 小时：时恒为 00，分 = floor(remain/60)，秒 = remain%60 → 起始 00:15:00 */ var h = Math.floor(remain / 3600); var m = Math.floor((remain % 3600) / 60); var s = remain % 60; hourEl.textContent = pad(h); minEl.textContent = pad(m); secEl.textContent = pad(s); } ensureEndAt(); tick(); setInterval(tick, 1000); })(); function formatDeliveryDate(dayOffset, locale) { var d = new Date(); d.setHours(12, 0, 0, 0); d.setDate(d.getDate() + dayOffset); var loc = locale || (document.documentElement && document.documentElement.lang) || 'en'; var opts = { month: 'short', day: 'numeric' }; try { return new Intl.DateTimeFormat(loc, opts).format(d); } catch (e1) { try { return new Intl.DateTimeFormat('en', opts).format(d); } catch (e2) { return d.getMonth() + 1 + '/' + d.getDate(); } } } function updateDeliveryTip() { var el = root.querySelector('[data-wcpd-delivery-text]'); if (!el) return; var tpl = el.getAttribute('data-delivery-template') || ''; var locale = el.getAttribute('data-delivery-locale') || 'en'; var fromDays = parseInt(el.getAttribute('data-days-from'), 10); var toDays = parseInt(el.getAttribute('data-days-to'), 10); if (isNaN(fromDays)) fromDays = 7; if (isNaN(toDays)) toDays = 10; var from = formatDeliveryDate(fromDays, locale); var to = formatDeliveryDate(toDays, locale); el.textContent = tpl.replace('{date_from}', from).replace('{date_to}', to); } function initInfoRotate() { var wrap = root.querySelector('[data-wcpd-info-rotate]'); if (!wrap) return; var items = wrap.querySelectorAll('.wcpd__info-rotate-item'); if (items.length <= 1) return; var idx = 0; var interval = parseInt(wrap.getAttribute('data-interval'), 10); if (isNaN(interval) || interval < 800) interval = 3000; setInterval(function () { items[idx].classList.remove('is-active'); items[idx].setAttribute('aria-hidden', 'true'); idx = (idx + 1) % items.length; items[idx].classList.add('is-active'); items[idx].setAttribute('aria-hidden', 'false'); }, interval); } function initMbFixedBarScroll() { var bar = document.querySelector('[data-mb-fixed-bar]'); if (!bar) return; var mq = window.matchMedia('(max-width: 768px)'); var threshold = 60; var ticking = false; function update() { ticking = false; if (!mq.matches) { bar.classList.remove('is-scroll-hidden'); return; } var scrollY = window.scrollY || window.pageYOffset || 0; bar.classList.toggle('is-scroll-hidden', scrollY <= threshold); } function onScroll() { if (ticking) return; ticking = true; window.requestAnimationFrame(update); } window.addEventListener('scroll', onScroll, { passive: true }); if (typeof mq.addEventListener === 'function') { mq.addEventListener('change', update); } else if (typeof mq.addListener === 'function') { mq.addListener(update); } update(); } function initMbCart() { var cartTrigger = document.querySelector('[data-mb-cart-trigger]'); var cartCountEl = document.querySelector('[data-mb-cart-count]'); var cartCountLabel = document.querySelector('[data-mb-cart-count-label]'); if (!cartTrigger) return; function openCartDrawer(event) { event.preventDefault(); var cartDrawer = document.querySelector('cart-drawer'); if (cartDrawer && typeof cartDrawer.open === 'function') { cartDrawer.open(cartTrigger); return; } window.location.href = (window.routes && window.routes.cart_url) || '/cart'; } cartTrigger.addEventListener('click', openCartDrawer); cartTrigger.addEventListener('keydown', function (event) { if (event.code.toUpperCase() === 'SPACE' || event.code.toUpperCase() === 'ENTER') { openCartDrawer(event); } }); function updateMbCartCount(count) { if (!cartCountEl) return; var n = parseInt(count, 10); if (!isNaN(n) && n > 0) { cartCountEl.textContent = n < 100 ? String(n) : '99+'; cartCountEl.classList.remove('is-empty'); } else { cartCountEl.textContent = ''; cartCountEl.classList.add('is-empty'); } } function syncMbCartCountFromHeader() { if (!cartCountEl) return; var headerBubble = document.querySelector('#cart-icon-bubble .cart-count-bubble'); if (!headerBubble) return; var headerCount = headerBubble.querySelector('[aria-hidden="true"]'); var headerLabel = headerBubble.querySelector('.visually-hidden'); cartCountEl.textContent = headerCount && headerCount.textContent ? headerCount.textContent : '99+'; cartCountEl.classList.remove('is-empty'); if (cartCountLabel && headerLabel) { cartCountLabel.textContent = headerLabel.textContent; } } syncMbCartCountFromHeader(); var cartIconBubble = document.getElementById('cart-icon-bubble'); if (cartIconBubble && typeof MutationObserver !== 'undefined') { new MutationObserver(syncMbCartCountFromHeader).observe(cartIconBubble, { childList: true, subtree: true, characterData: true }); } if (typeof subscribe === 'function' && typeof PUB_SUB_EVENTS !== 'undefined') { subscribe(PUB_SUB_EVENTS.cartUpdate, function (event) { if (event && event.cartData && event.cartData.item_count != null) { updateMbCartCount(event.cartData.item_count); } }); } } refreshUI(false); updateDeliveryTip(); initInfoRotate(); initMbFixedBarScroll(); initMbCart(); })(); });