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

79 products

FCS FCS Surf Wax

FCS FCS Ratchet Tool

FCS FCS II Performer PC Core Tri Fins

FCS Terra Wax Warm water wax

FCS FCS Classic Fun Boardbag

FCS FCS II Accelerator PC Carbon Tri Fin Set

FCS FCS ll Reactor PC Charcoal/Black Tri Fins

FCS FCS II Performer PC Quad Set

FCS FCS 6' All Round Essential Leash

FCS FCS II H4 Uni-directional Thruster Fins

FCS FCS Day Fun Boardbag Black

FCS FCS II Mick Fanning Neo Carbon Tri Fins

FCS FCS ll Power Twin+1 PG Black Retail Fins

FCS FCS II Firewire Performance Core Large Tri-Quad Black

FCS FCS Classic Longboard Board Bag

FCS FCS Travel 2 Funboard Board Bag

FCS FCS II Carver Neo Glass Quad Rear Fin Set

FCS FCS ll Accelerator Neo Glass Red Tri Fin Set

FCS FCS Travel 1 Funboard Board Bag

FCS FCS ll Firewire PC Black Tri Fins

FCS FCS ll Accelerator PC Red/Black Tri Fin Set

FCS FCS II Carver PC Carbon Tri Fin Set

FCS FCS ll Single PG

FCS FCS ll Christenson Keel PG Twin Fins