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

147 products

Billabong Billabong Wild And Free (Scs)

Billabong Billabong Walk Along Pnt (Gfm0)

Billabong Billabong Vibes Around (Mgv0)

Billabong Billabong Time Off (Was)

Billabong Billabong Time Off (Mul)

Billabong Billabong Sunshine Living (Krb0)

Billabong Billabong Sunny Daze Elst (Ign)

Billabong Billabong Sun Spell Mini (Mul)

Billabong Billabong Sun Palms (Wcp)

Billabong Billabong Summers End Ss (Mef0)

Billabong Billabong Sandy Shore Els (Bsd)

Billabong Billabong Sand Canyon Crd (Tlm0)

Billabong Billabong Ride In (Wcp)

Billabong Billabong Make It Waves S (Avo)

Billabong Billabong Layer Up Ls Wov (Tzj0)

Billabong Billabong Free Fall Cord (Yfj0)

Billabong Billabong Foundation (Bmc0)

Billabong Billabong Foil Women 4/3 Front Zip Gb (Blk)

Billabong Billabong Foil Women 3/2 Front Zip Gbs (Blk)

Billabong Billabong Foil 3/2 Back Zip Kids (Brp0)

Billabong Billabong Foil 3/2 Back Zip Fl (Waa)

Billabong Billabong Feeling Free (Scs)

Billabong Billabong Down The Coast (Wbl)

Billabong Billabong Day Break Swtr (Wcp)