(function () { // Disable Reelfy lightbox / PhotoSwipe so videos stay inline. function disableModal() { document .querySelectorAll('.rf-video-lightbox') .forEach(function (link) { link.removeAttribute('href'); link.removeAttribute('data-pswp-type'); link.removeAttribute('data-video'); link.removeAttribute('data-poster'); link.style.pointerEvents = 'none'; link.style.cursor = 'default'; }); if (window.PhotoSwipe) window.PhotoSwipe = null; if (window.PhotoSwipeLightbox) window.PhotoSwipeLightbox = null; } disableModal(); // Return the Flickity instance used by the Reelfy carousel. function getFlickity() { var el = document.querySelector('.rf-gallery-main'); if (!el) return null; if (window.flickityrf) { try { var f = window.flickityrf.data(el); if (f) return f; } catch (e) {} } if (window.Flickityrf) { try { var f2 = window.Flickityrf.data(el); if (f2) return f2; } catch (e) {} } if (el.flickityrf) return el.flickityrf; return null; } // Lazy-load the only when playback is needed. function loadVideoSource(video) { var source = video.querySelector('source'); if (source && !source.src && source.dataset.src) { source.src = source.dataset.src; video.load(); } } // Move the carousel so the requested item becomes the centered slide. function centerItem(index) { var flkty = getFlickity(); if (!flkty) return; flkty.select(index); } // Detect the current Shopify cart section ID. function getCartSectionId() { var el = document.querySelector('[data-section-id]'); if (el) { var id = el.getAttribute('data-section-id'); if (id) return id; } return null; } // Read the current cart item count. function getCartCount(callback) { fetch('/cart.js', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (cart) { callback(cart.item_count); }) .catch(function () { callback(-1); }); } // Open the Shopify cart drawer using the available implementation. function openDialog() { var drawer = document.querySelector('cart-drawer-component'); if (!drawer) return; if (typeof drawer.open === 'function') { drawer.open(); return; } var trigger = document.querySelector('[on\\:click="/open"]') || document.querySelector('[data-testid="cart-drawer-trigger"]') || document.querySelector('[aria-label="Il tuo carrello"]') || document.querySelector('[data-cart-toggle]'); if (trigger) { trigger.click(); return; } var dialog = document.querySelector('.cart-drawer__dialog'); if (dialog && typeof dialog.showModal === 'function') { dialog.showModal(); } } // Reload the cart HTML section after cart updates. function reloadCartSection(callback) { var sectionId = getCartSectionId(); if (!sectionId) { if (callback) callback(); return; } fetch('/?sections=' + sectionId) .then(function (r) { return r.json(); }) .then(function (data) { var html = data[sectionId]; if (!html) { if (callback) callback(); return; } var tmp = document.createElement('div'); tmp.innerHTML = html; var newCartItems = tmp.querySelector('cart-items-component'); var currentCartItems = document.querySelector('cart-items-component'); if (newCartItems && currentCartItems) { currentCartItems.replaceWith(newCartItems); } var dialog = document.querySelector('.cart-drawer__dialog'); if (dialog) { dialog.classList.remove('cart-drawer--empty'); } if (callback) callback(); }) .catch(function () { if (callback) callback(); }); } // Refresh the drawer from section-rendering response. function refreshDrawerContent(sectionsData) { var cartItemsEl = document.querySelector('cart-items-component'); if (!cartItemsEl) return; var sectionId = cartItemsEl.getAttribute('data-section-id'); if (sectionsData && sectionId && sectionsData[sectionId]) { var tmp = document.createElement('div'); tmp.innerHTML = sectionsData[sectionId]; var newCartItems = tmp.querySelector('cart-items-component'); if (newCartItems) { cartItemsEl.replaceWith(newCartItems); var dialog = document.querySelector('.cart-drawer__dialog'); if (dialog) dialog.classList.remove('cart-drawer--empty'); return; } } reloadCartSection(null); } // Handle opening the drawer depending on previous cart state. function smartOpenDrawer(wasEmpty) { if (wasEmpty) { reloadCartSection(function () { setTimeout(function () { openDialog(); }, 80); }); } else { openDialog(); } } // Refresh cart counters and dispatch update events. function updateCart() { fetch('/cart.js', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (cart) { var count = cart.item_count; document.querySelectorAll( '[data-cart-count],[data-cart-item-count],[data-item-count],.cart-count,.cart__count,.cart-count-bubble,#cart-count,#CartCount,.header__cart-count' ).forEach(function (el) { el.textContent = count; }); document.querySelectorAll('.cart-count-bubble span, .cart-bubble__text-count').forEach(function (el) { el.textContent = count; el.classList.remove('hidden'); }); var bubble = document.querySelector('.cart-bubble'); if (bubble) bubble.classList.remove('visually-hidden'); document.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true, detail: { cart: cart } })); document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true, detail: { cart: cart } })); document.dispatchEvent(new CustomEvent('cart-update', { bubbles: true })); }) .catch(function () {}); } // Main initialization routine for Reelfy custom behaviour. function initReelfy() { var items = document.querySelectorAll('.rf-video-item'); if (!items.length) { setTimeout(initReelfy, 500); return; } // Initialize every carousel card. items.forEach(function (item, index) { if (item.dataset.rfReady) return; item.dataset.rfReady = 'true'; var video = item.querySelector('video'); video.addEventListener( 'play', function () { if (!item.classList.contains('is-selected')) { video.pause(); video.currentTime = 0; } }, true ); if (!video) return; video.muted = true; video.defaultMuted = true; video.setAttribute('muted', ''); video.loop = true; video.autoplay = false; video.playsInline = true; video.setAttribute('playsinline', ''); video.setAttribute('webkit-playsinline', ''); var isMuted = true; var isActive = false; var userPaused = false; var controls = document.createElement('div'); controls.className = 'rf-custom-controls'; var muteBtn = document.createElement('button'); muteBtn.className = 'rf-mute-btn-modern'; muteBtn.type = 'button'; var playBtn = document.createElement('button'); playBtn.className = 'rf-play-btn-modern'; playBtn.type = 'button'; controls.appendChild(muteBtn); controls.appendChild(playBtn); // Render play icon. function renderPlay() { playBtn.innerHTML = ''; } // Render pause icon. function renderPause() { playBtn.innerHTML = ''; } // Render muted speaker icon. function renderMuted() { muteBtn.innerHTML = ''; } // Render unmuted speaker icon. function renderUnmuted() { muteBtn.innerHTML = ` `; } renderPause(); renderMuted(); // Start playback while respecting lazy loading and mute state. function doPlay() { loadVideoSource(video); video.muted = isMuted; video.play().catch(function () {}); } // Toggle play / pause when user presses the play button. function doTogglePlay() { if (video.paused) { userPaused = false; doPlay(); } else { userPaused = true; video.pause(); } } // Toggle mute state and refresh icon. function doToggleMute() { isMuted = !isMuted; video.muted = isMuted; if (isMuted) { renderMuted(); } else { renderUnmuted(); } } video.addEventListener('play', function () { renderPause(); }); video.addEventListener('pause', function () { renderPlay(); }); video.addEventListener('pause', function () { if (item.classList.contains('is-selected') && !userPaused) { setTimeout(function () { if (item.classList.contains('is-selected') && video.paused) { doPlay(); } }, 20); } }); // Attach safe click/touch handlers that don't bubble to the card. function handleBtnClick(btn, action) { btn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); action(); }, true); btn.addEventListener('touchend', function (e) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); action(); }, true); btn.addEventListener('touchstart', function (e) { e.stopPropagation(); }, { passive: true }); } handleBtnClick(playBtn, doTogglePlay); handleBtnClick(muteBtn, doToggleMute); var productCard = item.querySelector('.reelfy_card_product'); var productUrl = null; var productHandle2 = null; if (productCard) { var productLink = productCard.querySelector('a[href]'); productUrl = productLink ? productLink.getAttribute('href') : null; productHandle2 = productCard.getAttribute('data-handle'); } var wrapper = item.querySelector('.reelfy_card_video_wrapper'); if (wrapper) { wrapper.appendChild(controls); } else { item.appendChild(controls); } var atcBtn = null; if (productHandle2) { atcBtn = document.createElement('button'); atcBtn.className = 'rf-atc-btn'; atcBtn.type = 'button'; atcBtn.setAttribute('aria-label', 'Add to cart'); atcBtn.innerHTML = ''; handleBtnClick(atcBtn, function () { if (atcBtn.classList.contains('rf-atc-loading')) return; atcBtn.classList.add('rf-atc-loading'); getCartCount(function (countBefore) { fetch('/products/' + productHandle2 + '.js', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (product) { var variantId = product.variants[0].id; var sectionId = getCartSectionId(); var sectionsParam = sectionId ? [sectionId] : ['cart-drawer', 'cart-icon-bubble', 'cart-notification']; return fetch('/cart/add.js', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify({ id: variantId, quantity: 1, sections: sectionsParam, sections_url: window.location.pathname }) }); }) .then(function (r) { if (!r.ok) throw new Error('cart add failed'); return r.json(); }) .then(function (data) { atcBtn.classList.remove('rf-atc-loading'); atcBtn.classList.add('rf-atc-done'); atcBtn.innerHTML = ''; updateCart(); var wasEmpty = (countBefore === 0); if (wasEmpty) { smartOpenDrawer(true); } else { refreshDrawerContent(data.sections || null); smartOpenDrawer(false); } setTimeout(function () { atcBtn.classList.remove('rf-atc-done'); atcBtn.innerHTML = ''; }, 1800); }) .catch(function () { atcBtn.classList.remove('rf-atc-loading'); }); }); }); var wrapper2 = item.querySelector('.reelfy_card_video_wrapper'); if (wrapper2) { wrapper2.appendChild(atcBtn); } } item.addEventListener('click', function (e) { if ( playBtn.contains(e.target) || muteBtn.contains(e.target) || (atcBtn && atcBtn.contains(e.target)) ) { return; } if (!isActive) { e.preventDefault(); e.stopPropagation(); centerItem(index); return; } if (productCard && productUrl && productCard.contains(e.target)) { e.preventDefault(); window.location.href = productUrl; } }, false); // Synchronize the video with the active (centered) carousel item. function handleActiveVideo() { var nowActive = item.classList.contains('is-selected'); if (nowActive === isActive) return; isActive = nowActive; if (isActive) { controls.style.opacity = '1'; controls.style.pointerEvents = 'auto'; video.playsInline = true; video.setAttribute('playsinline', ''); video.setAttribute('webkit-playsinline', ''); video.muted = isMuted; if (video.paused && !userPaused) { video.loop = true; if (video.currentTime === video.duration) { video.currentTime = 0; } doPlay(); } } else { controls.style.opacity = '0'; controls.style.pointerEvents = 'none'; userPaused = false; video.pause(); video.currentTime = 0; video.muted = true; } } handleActiveVideo(); setInterval(handleActiveVideo, 300); }); } window.addEventListener('load', function () { setTimeout(initReelfy, 1200); }); })();

Language

Language

Language