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

Sun Protection

Natural High Collection

Summer Deals

Test Center Clearance

Used Kite Gear

Parawing

Surfboard Sale

F-one 2026 collection

WETSUITS

Sun Protection

Natural High Collection

Summer Deals

Test Center Clearance

Search

481 products

Quiksilver Quiksilver Young Guns Drifter KVJ0

Quiksilver Quiksilver Young Guns Scrimbler CJZ0

Quiksilver Quiksilver Young Guns Surge Crewneck SJSH

Quiksilver Quiksilver Young Guns Vortex SS SJSH

Quiksilver Quiksilver Young Guns Baggy Denim Short BFBW

Quiksilver Quiksilver Young Guns Bushmaster KVJ0

Quiksilver Quiksilver Young Guns Last Stance KVJ0

Quiksilver Quiksilver Young Guns Impaired SS KVJ0

Quiksilver Quiksilver Young Guns Factor WBK0

Quiksilver Quiksilver Young Guns Drifter 6P KVJ0

Quiksilver Quiksilver Evo Blossom Of (Wbk0)

Quiksilver Quiksilver Decades Youth (Ktp0)

Quiksilver Quiksilver Decades Cotton Cap (Brq0)

Quiksilver Quiksilver Decades Tech (Ktp0)

Quiksilver Quiksilver Decades Cotton (Kvj0)

Quiksilver Quiksilver Decades Cotton (Tks0)

Quiksilver Quiksilver Stacker Ripstop Cap (Kvj0)

Quiksilver Quiksilver Over Tape (Szh0)

Quiksilver Quiksilver Over Tape (Kvj0)

Quiksilver Quiksilver Cold Snap Shack (Ktp0)

Quiksilver Quiksilver Surf Chores Gilet (Tks0)

Quiksilver Quiksilver Clean Coast (Weg0)

Quiksilver Quiksilver Keller Outdoor (Sjsh)

Quiksilver Quiksilver Salt Water Grap (Kzm0)