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

S A L E

F-one 2026 collection

20% off all Winter Wetsuits

Winter Sale

Kite Outlet

Wingfoil Race

Used Kite Gear

Parawing

S A L E

F-one 2026 collection

20% off all Winter Wetsuits

Winter Sale

Kite Outlet

Wingfoil Race

Search

292 products

Mystic Mystic Brand 3/2 Front Zip Fullsuit Flatlock

Mystic Mystic Motion 3/2 Front Zip Longarm Shorty

Mystic Mystic Star 5/3 Front Zip Fullsuit

Mystic Mystic Majestic 3/2 Front Zip Fullsuit

Mystic Mystic Majestic 4/3 Front Zip Fullsuit

Mystic Mystic Ease Boot 5mm Round Toe 2026

Mystic Mystic Supreme Boot 5mm Split Toe 2026

Mystic Mystic Roam Shoe 3mm Split Toe

Rip Curl Rip Curl Men Flashbomb Pro Zip Free 4/3 Deep Cactus

Rip Curl Rip Curl Men Dawn Patrol Front Zip 4/3 Black

Rip Curl Rip Curl Women Dawn Patrol Pro Front Zip 4/3 Multi

Rip Curl Rip Curl Women Flashbomb Front Zip 4/3 Black

Mystic Mystic Majestic 5/3 Fullsuit Front Zip

Mystic Mystic Jayde Women 5/3 Double Front Zip

Rip Curl Rip Curl Men Flashbomb 5/3 Front Zip Deep Cactus

Rip Curl Rip Curl Men Flashbomb 6/4 Front Zip Hooded Black

Rip Curl Rip Curl Men Dawn Patrol 5/3 Front Zip Black

Rip Curl Rip Curl Women Flashbomb 6/4 Front Zip Hooded Black

Billabong Billabong Furnace 7 mm Round Toe ABYWW00105/Blk

Billabong Billabong Men Revolution Natural 5/4 Front Zip (Blk)

Billabong Billabong Men Furnace Natural 5/4 Hooded Front Zip (Blk)

Manera Manera Classic Back Zip 3/2 Black

Manera Manera Classic Back Zip 4/3 Black

Manera Manera Classic Front Zip 3/2 Black