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

Flysurfer Kitefoil Clinic

Used Kite Gear

Parawing

Surfboard Sale

F-one 2026 collection

WETSUITS

Sun Protection

Natural High Collection

Summer Deals

Flysurfer Kitefoil Clinic

Search

36 products

Island Tribe Island Tribe SPF 15 Lip Balm

Island Tribe Island Tribe Aftersun Aloe Vera 125 ml

Island Tribe Island Tribe SPF 30 Light Lotion 125 ml

Island Tribe Island Tribe SPF 50 Anti-Ageing Face Cream with Collagen 50 ml

Green Bush Greenbush Sun Stick

Green Bush Greenbush Combo: Sunscreen spf50 + Lipbalm

Green Bush Greenbush Sunscreen - SPF 50 - Bio Cosmos 80ml

Green Bush Greenbush Nourishing Lip Balm Bio Cosmos 10ml

Sun Bum Sun Bum Original SPF 50 Sunscreen Lotion

Sun Bum Sun Bum Cool Down After Sun Lotion

Sun Bum Sun Bum SPF 15 Browning Oil

Sun Bum Sun Bum Cool Down After Sun Spray

Sun Bum Sun Bum Original SPF 30 Sunscreen Lip Balm – Coconut

Island Tribe Island Tribe SPF 50 Clear Gel Sun Stick

Green Bush Greenbush Aftersun moisturizing lotion "bio cosmos"

Sun Bum Sun Bum Original Face Mist Sunscreen SPF 50

Green Bush Greenbush Natural Dry Oil Bio Cosmos

Sun Bum Sun Bum Original SPF 30 Sunscreen Lotion

Sun Bum Sun Bum Original SPF 50 Sunscreen Spray

Sun Bum Sun Bum Original SPF 30 Sunscreen Spray

Sun Bum Sun Bum Face SPF 50 88mL Sunscreen

Island Tribe Island Tribe SPF 50 Invisible Continuous Spray 125 ml

Green Bush Greenbush Lip Balm

Island Tribe Island Tribe SPF 50 Clear Gel 100 ml