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

Parawing

Surfboard Sale

F-one 2026 collection

WETSUITS

Archive Sale

Kite Outlet

Collection Launch Event

Used Kite Gear

Parawing

Surfboard Sale

F-one 2026 collection

WETSUITS

Archive Sale

Kite Outlet

Collection Launch Event

Search

26 products

Duotone Duotone Sky Style SLS Foilboard 2026

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

Duotone Duotone Paradox SLS Board

Appletree Surfboards Appletree Appleslice V3 Foil Board

North Kiteboarding North Seek Foil Board 2024

Armstrong Armstrong Midlength Mk II X-Form Foil Board

F-one F-one Rocket Wing Foil Board

Slingshot Slingshot Flow Craft V2 Wingfoil Board

Armstrong Armstrong Wing FG Foilboard

North Kiteboarding North Swell Pro Foil Board 2026

Armstrong Armstrong Surf Foilboard

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

Armstrong Armstrong Midlength FG Foilboard

F-one F-one Rocket Free Surf Board Carbon 2026

F-one F-one Rocket Free Surf Board 2026

Duotone Duotone Skybrid SLS Foilboard 2026

Duotone Duotone MIDFISH 2026

North Kiteboarding North Boost Foil Board 2025

Duotone Duotone Sky Style SLS 2025 Wing Board

Appletree Surfboards Appletree Zapple Foil Board

North Kiteboarding North Midi Mid-length Foil Board

Slingshot Slingshot Flow Craft V1 Foil Board

North Kiteboarding North Swell Foil Board 2025

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