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

Mega Kite Sale

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Alle Kitesets

Mega Kite Sale

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Alle Kitesets

Mega Kite Sale

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Alle Kitesets

Mega Kite Sale

North Wingfoil Clearance

NEW Slingshot One-Lock

-40% C-skins Wetsuits

Alle Kitesets

32 products

Ride Engine Ride engine Roam V1 Harness

Ride Engine Ride Engine Lyte Webbing Connection V2 Harness

Ride Engine Ride Engine Lyte Direct Connection V2 Harness

Mystic Mystic Majestic X Waist Harness 2022

Ride Engine RE Contour Seat Harness V2

Ride Engine RE Saber Harness V3

Ride Engine Ride Engine Brisa Women's V1 Harness

Ride Engine RE Elite Carbon Harness V8

Mystic Mystic Majestic OS Waist Harness

Manera Manera EXO 2.0 Harness

Manera Manera ECLIPSE Harness

Mystic Mystic Wingman Wing Foil Harness

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

Mystic Mystic Majestic X Waist Harness Black

Ride Engine Ride Engine Unity Kite Mega Spreader Bar V1

Ride Engine Ride Engine Momentum Women's V2 Harness

Ride Engine Ride engine Lyte Webbing Connect Harness

Ride Engine Ride engine Lyte Direct Connect Harness

Mystic Mystic Majestic Waist Harness

Mystic Mystic Stealth Bar Freeride