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

25 products

Billabong Billabong Furnace 7 mm Round Toe ABYWW00105/Blk

Billabong Billabong Women Salty Dayz Natural 5/4 Front Zip (Ahz)

Billabong Billabong Men Foil 5/4 Front Zip Gbs (Blk)

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

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

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

Billabong Billabong Sygy 4/3 Back Zip Women

Billabong Billabong Revo Nat 4/3 Front Zip Men (Blk)

Billabong Billabong S Nat 2/2 Front Zip Ls (Tbl)

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

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

Billabong Billabong 4/3 Foil Front Zip (Blk)

Billabong Billabong Women Synergy 5/4 Hooded Front Zip (Kyh6)

Billabong Billabong Furnace 5 mm Finger Gloves ABYHN00106/BLK

Billabong Billabong Furnace 3 mm Wetsuit Gloves ABYHN00105/BLK

Billabong Billabong Absolute 5 mm Boot Split Toe ABYWW00110/KTQ0

Billabong Billabong Furnace 7 mm Split Toe ABYWW00102/BLK

Billabong Billabong Furnace 5 mm Hs Boot Round Toe ABYWW00101/BLK

Billabong Billabong Women Salty Dayz 3/2 Copper Sands

Billabong Billabong Furnace 5 mm Hs Split Toe Z4BT25BIF1/19

Billabong Billabong Furnace 5 mm Wetsuit Gloves Z4GL16BIF1/19

Billabong Billabong Furnace 3 mm Gloves Z4GL15BIF1/19

Billabong Billabong Absolute 5 mm Boot Split Toe Z4BT20BIF1/4789

Billabong Billabong Furnace 5 mm Comp Split Toe Z4BT18BIF1/19