window.sgAddon_money_format = true; const TitleClickQuickVIewOpen = function(){ document.querySelectorAll('.spice-spa-addon-product-item').forEach((item) =>{ let title = item.querySelector('.spice-spa-addon-product-title'); let quickView = item.querySelector('.spice-spa-addon-product-quick-view'); title.addEventListener('click', function() { quickView.onclick(); }) }) } const showMoreAddon = function () { const maxOnLoad = 2; const addonsWrapper = document.querySelector(".spice-spa-addon-product-wrapper"); if (!addonsWrapper) return; const allAddons = document.querySelectorAll(".spice-spa-addon-product-item"); if (allAddons.length <= 2) { allAddons.forEach(() => { const heading = document.querySelector(".spice-spa-addon-heading"); if (heading) heading.style.setProperty("display", "none", "important"); }); } const spaHeadings = document.querySelectorAll(".spice-spa-addon-heading"); const groupHeadings = document.querySelectorAll(".spice-addon-group-heading"); if (groupHeadings.length > 0) { groupHeadings.forEach((groupHeading, index) => { if (groupHeading.querySelector(".sg-addon-heading-btn")) return; const groupContainer = groupHeading.nextElementSibling; if (!groupContainer) return; const groupAddons = groupContainer.querySelectorAll(".spice-spa-addon-product-item"); if (groupAddons.length <= 2) { groupAddons.forEach(addon => addon.style.display = "flex"); return; } groupHeading.addEventListener("click",(event) => { if (event.target.closest(".sg-addon-heading-btn")) return; event.stopImmediatePropagation(); event.preventDefault(); }, true ); const headingBtn = document.createElement("span"); headingBtn.id = `sg-group-heading-btn-${index}`; headingBtn.classList.add("sg-addon-heading-btn"); headingBtn.innerHTML = `Show all add-ons `; groupHeading.append(headingBtn); groupAddons.forEach((addon, i) => { addon.style.display = i < maxOnLoad ? "flex" : "none"; }); headingBtn.addEventListener("click", () => { const showingAll = groupContainer.classList.toggle("showAll"); groupAddons.forEach((addon, i) => { addon.style.display = showingAll || i < maxOnLoad ? "flex" : "none"; }); headingBtn.innerHTML = showingAll ? `Hide add-ons ` : `Show all add-ons `; }); }); return; } const addons = document.querySelectorAll(".spice-spa-addon-product-item"); if (addons.length <= 1) { addons.forEach(a => (a.style.display = "flex")); return; } const collapsible = document.createElement("div"); collapsible.id = "sg-addon-bottom"; addonsWrapper.after(collapsible); spaHeadings.forEach((heading, index) => { if (heading.querySelector(".sg-addon-heading-btn")) return; const headingBtn = document.createElement("span"); headingBtn.id = `sg-addon-heading-btn-${index}`; headingBtn.classList.add("sg-addon-heading-btn"); headingBtn.innerHTML = ` Show all add-ons `; headingBtn.addEventListener("click", () => toggleGlobalAddons(headingBtn)); heading.append(headingBtn); }); addons.forEach((item, index) => { if (index >= maxOnLoad) item.style.display = "none"; }); function toggleGlobalAddons(btn) { const showingAll = addonsWrapper.classList.toggle("showAll"); addons.forEach((item, index) => { item.style.display = showingAll || index < maxOnLoad ? "flex" : "none"; }); btn.innerHTML = showingAll ? `Hide add-ons ` : `Show all add-ons `; } }; const removeDecimal = function(elem){ let amount = elem.textContent; let toReplace = amount.match(/([0-9]+[.,\s]*)+/)[0]; let newVal = amount.match(/\d+/g)[0] let finalValue = amount.replace(toReplace, newVal); return finalValue; } document.addEventListener('spicegemsAddon:initiated', function(){ document.head.insertAdjacentHTML('beforeend', ``) }) document.addEventListener('spicegemsAddon:inserted', () => { document.querySelector('.sgCustomOpacity').remove(); TitleClickQuickVIewOpen(); showMoreAddon(); document.querySelectorAll('.spice-spa-addon-product-wrapper .spice-addon-group-dropdownBox .spice-addon-group-heading').forEach(item => { item.click(); }) document.querySelectorAll('.spice-spa-addon-product-item').forEach(nodes => { var mainPrice = nodes.querySelector('[name="spiceaddon--price-main"] span.money') || nodes.querySelector('[name="spiceaddon--price-main"]'); if(mainPrice){mainPrice.textContent = removeDecimal(mainPrice)} var compPrice = nodes.querySelector('[name="spiceaddon--price-compare"] span.money') || nodes.querySelector('[name="spiceaddon--price-compare"]'); if(compPrice){compPrice.textContent = removeDecimal(compPrice)} }) }); document.addEventListener('spicegemsAddonQv:added', function(event){ $("body").trigger("ajaxcart.refresh"); });

Currency

How to Change VALLON Goggle Lenses

How to change the lenses on Freebirds™ & Stairways™

How to change the lens on Crossroads™

Explore our goggle lenses

Your cart is empty.