${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

40 products

Duotone Duotone Sky Air 2025 Wing Board

Duotone Duotone Skybrid Air 2025 Wing Board

Duotone Duotone Sky Free 2025 Wing Board

Duotone Duotone Skybrid 2025 Wing Board

Duotone Duotone Skybrid SLS 2025 Wing Board

Duotone Duotone Sky Style SLS 2025 Wing Board

Duotone Duotone Sky Style 2025 Wing Board

Appletree Surfboards Appletree Zapple Foil Board

F-one F-one Rocket Air 2025 Wing Board

F-one F-one Rocket Wing Midlength 2025 Wing Board

F-one F-one Rocket Wing Crossover 2025 Wing Board

North Kiteboarding North Midi Foil Board

Slingshot Slingshot LTF V2 Foil Board

Slingshot Slingshot UltraFly Foil Board

Slingshot Slingshot Laser Craft Foil Board

Slingshot Slingshot Flow Craft V1 Foil Board

Slingshot Slingshot Wing Craft V3 Foil Board

North Kiteboarding North Swell Foil Board 2025

North Kiteboarding North Seek Foil Board 2025

Appletree Surfboards Appletree Appleslice V3 Foil Board

F-one F-one Rocket Mid Length 2024 Foil Board

F-one F-one Rocket Wing S Carbon 2024 Foil Board

F-one F-one Rocket Wing S 2024 Foil Board

F-one F-one Rocket Wing Carbon 2024 Foil Board