${name}

${isVariantAvaliable ?price:"Soldout"} ${isVariantAvaliable ? discountPrice : ''}

`; return item; } addonSelectable(){ let list = this.closest('.sg-custom-variant-options'); let selected = list.querySelectorAll('li > label > input[type="checkbox"]:checked'); let mainCheckBox = document.querySelector(`.spice-spa-addon-checkbox input#checkbox_${list.getAttribute('data-target')}`); if(selected.length > 0){ mainCheckBox.checked = true; mainCheckBox.dispatchEvent(new Event('change')) }else{ mainCheckBox.checked = false; mainCheckBox.dispatchEvent(new Event('change')) } } uncheckAll(){ document.querySelectorAll('.sg-custom-variant-options li > label > input[type="checkbox"]:checked').forEach(item => { item.checked = false; }); } submitHelper(){ window.sg_addon_custom_addPropWithAddons =(addonBlock,data)=>{ var checkedInput = addonBlock.querySelectorAll("li.spice-spa-addon-checkbox > label > input").length > 0 ? addonBlock.querySelectorAll("li.spice-spa-addon-checkbox > label > input:checked") : addonBlock.querySelectorAll('[name="spice_productid"]:checked') ? addonBlock.querySelectorAll('[name="spice_select_variant_id"]') : false; return [...checkedInput].map((elem)=>{ return { id:elem.value, quantity:data.quantity } }) } } discoutCalculate(price){ if(!isSgAddonRequest.discount) return false; let type = isSgAddonRequest.discount.discount_type; let value = isSgAddonRequest.discount.discount_value; let discount = "PERCENTAGE" === type ? Math.floor(price * 1 * parseFloat(value) / 100) : parseFloat(value * 1 * 100); let finalPrice = price - discount; return SPICEADDONS.currencyFormats.mainFormat(finalPrice) } } class DROPDOWN { constructor(){ this.placeHolder = 'Select Options' this.container = '.sg-custom-variant-options' this.init() } init(){ document.querySelectorAll(".spice-spa-addon-product-item").forEach((addon)=>{ let variantSelector = addon.querySelector('[name=spice_select_variant_id]'); let subOptions = addon.querySelector(`${this.container}`); if(subOptions){ subOptions.classList.add('dropdown') let dropdown = this.create(); dropdown.append(subOptions); dropdown.addEventListener('click', this.OpenDropdown.bind(this)); variantSelector.after(dropdown); } }); // check if anything else ofther than the dropdown is clicked window.addEventListener("click", (e)=> { if (e.target.closest(".wrapper-dropdown") === null) { this.closeAllDropdowns(); } }); } create(){ let dropdown = document.createElement('div'); dropdown.id = 'dropdown'; dropdown.className = 'wrapper-dropdown'; dropdown.innerHTML = `${this.placeHolder} `; return dropdown } OpenDropdown(e){ const _this = e.target.closest('.wrapper-dropdown'); const optionsContainer = _this.children[2]; const optionsList = _this.querySelectorAll("div.wrapper-dropdown li"); const arrow = _this.children[1]; if(!_this.classList.contains("active")){ let currentActive = document.querySelector(".wrapper-dropdown.active"); if (currentActive) { let anotherArrow = currentActive.children[1]; this.handleDropdown(currentActive, anotherArrow, false); } this.handleDropdown(_this, arrow, true); }else{ if(!e.target.closest('.dropdown')){ this.handleDropdown(_this, arrow, false); } } } handleDropdown(dropdown, arrow, open) { if (open) { arrow.classList.add("rotated"); dropdown.classList.add("active"); } else { arrow.classList.remove("rotated"); dropdown.classList.remove("active"); } } closeAllDropdowns () { const selectedAll = document.querySelectorAll(".wrapper-dropdown"); selectedAll.forEach((selected) => { const optionsContainer = selected.children[2]; let arrow = selected.children[1]; this.handleDropdown(selected, arrow, false); }); } } const SG = new ALLVARAINTSELECTABLE(); document.addEventListener('spicegemsAddon:initiated', function(){ //document.head.insertAdjacentHTML('beforeend', ``) SG.submitHelper() }) document.addEventListener('spicegemsAddon:inserted', function(){ //document.querySelector('.sgCustomOpacity').remove(); SG.init(); new DROPDOWN(); }) document.addEventListener('spicegemsAddon:completed', function(){ SG.uncheckAll(); }) window.addEventListener("jtcVariantLocationsLoaded", function(evt) { setTimeout(()=>{ SPICEADDONS.setAddToCart(); },1000) }) }()) window.sgAddon_money_format = true

Used Kite Gear

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Mega Kite Sale

Natural High x KiteActive

Used Kite Gear

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Mega Kite Sale

Natural High x KiteActive

Used Kite Gear

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Mega Kite Sale

Natural High x KiteActive

Used Kite Gear

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Mega Kite Sale

Natural High x KiteActive

35 products

Ride Engine Ride Engine - Elite Type 2 Hyperlock Harness 2025

Ride Engine Ride Engine - Elite Carbon Type 1 Hyperlock Harness 2025

Mystic Mystic Gem Waist Harness Women 2024

Mystic Mystic Gem BK Waist Harness Women 2024

Mystic Mystic Majestic OS Waist Harness 2024

Mystic Mystic Majestic X Waist Harness 2024

Ride Engine Ride Engine Lyte Webbing Connection V2 Harness

Ride Engine Ride Engine Lyte Direct Connection V2 Harness

Mystic Majestic Waist Harness Ydwer

Mystic Mystic Majestic Waist Harness

Mystic Mystic Majestic X Waist Harness 2022

Mystic Stealth Waist Harness 2024

Ride Engine Ride Engine Saber Harness V3

Ride Engine Ride Engine Brisa Women's V1 Harness

Ride Engine Ride Engine Elite Carbon Harness V8

Mystic Mystic Majestic OS Waist Harness

Manera Manera EXO 2.0 Harness

Manera Manera ECLIPSE Harness

Mystic Mystic Warrior X Waist Harness - Night Blue

Mystic Mystic Gem Waist Harness Women Black

Mystic Mystic Gem BK Waist Harness Women Aurora

Mystic Mystic Majestic OS Waist Harness Dark Grey

Mystic Mystic Majestic Waist Harness Yellow

Mystic Mystic Majestic X Waist Harness Black/Green