`; overflowList.prepend(template); } let mainVariantSlide; let hoverSlide; const variantPicker = el.querySelector('swatches-variant-picker-component'); if (!variantPicker && !overflowList && comp?.disabled === true) { Array.from(el.querySelectorAll('slideshow-slide')).slice(2).forEach(slide => slide.remove()); Array.from(el.querySelectorAll('slideshow-slide')).forEach(slide => slide.removeAttribute('hidden')); const comp = el.querySelector('slideshow-component'); if (comp) { comp.style.setProperty('--slideshow-timeline', '--slide-1, --slide-2'); comp.setAttribute('data-generic-media-size', '2'); } } else { mainVariantSlide = Array.from(el.querySelectorAll('slideshow-slide[variant-image]')).find(slide => { const img = slide.querySelector('img'); return img && img.src.includes(variant.image); }); if (mainVariantSlide) { const productCard = el.querySelector('product-card'); productCard.dataset.initialMediaId = mainVariantSlide.getAttribute('slide-id'); const hoverImageSrc = window.SezeriumImageHandler.getHoverImage(variant.image, product.images); // Get the next sibling element hoverSlide = mainVariantSlide.nextElementSibling; let hoverSlideImg = hoverSlide?.querySelector('img'); // Check if next slide exists and has the hover image const hasHoverSlide = hoverSlideImg && hoverSlideImg.src.includes(hoverImageSrc); mainVariantSlide.removeAttribute('hidden'); mainVariantSlide.setAttribute('reveal', '') if (!hasHoverSlide && hoverImageSrc) { // Clone the main variant slide hoverSlide = mainVariantSlide.cloneNode(true); hoverSlideImg = hoverSlide.querySelector('img'); // Insert it after the main variant slide if (mainVariantSlide.nextSibling) { mainVariantSlide.parentNode.insertBefore(hoverSlide, mainVariantSlide.nextSibling); } else { mainVariantSlide.parentNode.appendChild(hoverSlide); } // Update the hover slide with new image source window.SezeriumImageHandler.updateImageSource(hoverSlideImg, window.SezeriumImageHandler.getImagePath(hoverSlideImg), hoverImageSrc); hoverSlide.removeAttribute('variant-image'); // Update slide-id with variant.id hoverSlide.setAttribute('slide-id', variant.id); hoverSlide.removeAttribute('hidden'); hoverSlide.setAttribute('reveal', '') } } } if ((variantPicker || overflowList || comp?.disabled === false) && mainVariantSlide) { el.querySelector('.sezerium-image')?.classList.remove('sezerium-image'); el.querySelector('.sezerium-hover-image')?.classList.remove('sezerium-hover-image'); mainVariantSlide.querySelector('img').classList.add('sezerium-image'); hoverSlide?.querySelector('img').classList.add('sezerium-hover-image'); e.detail.product.tmpImages = product.images; e.detail.variant.tmpImage = variant.image; e.detail.product.images = []; e.detail.variant.image = ''; } if (mainVariantSlide && comp) { const cont = mainVariantSlide.parentNode; if (cont) { if (hoverSlide && hoverSlide.parentNode === cont) cont.prepend(hoverSlide); cont.prepend(mainVariantSlide); const slides = Array.from(cont.querySelectorAll('slideshow-slide')); comp.style.setProperty('--slideshow-timeline', slides.map((_, i) => `--slide-${i}`).join(', ')); slides.forEach((s, i) => s.style.setProperty('--slideshow-timeline', `--slide-${i}`)); comp.setAttribute('initial-slide', '0'); comp.setAttribute('data-generic-media-size', String(slides.length)); try { comp.connectedCallback(); } catch (err) {} } } }); document.addEventListener('sezerium:image:update', (event) => { const { el, variant } = event.detail; el.querySelectorAll('slideshow-slide[hidden]').forEach(s => { s.removeAttribute('hidden'); s.setAttribute('reveal', ''); }); const sliderComp = el.querySelector('slideshow-component'); if (!sliderComp) return; const img = el.querySelector('.sezerium-image'); if (!img) return; const productLink = el.querySelector('product-card-link'); if (productLink) { productLink.setAttribute('data-product-id', variant.id); productLink.setAttribute('data-featured-media-url', img.src); } const slider = img.closest('slideshow-slide'); if (!slider) return; const slides = Array.from(sliderComp.querySelectorAll('slideshow-slide')); const idx = slides.indexOf(slider); if (idx < 0) return; slides.forEach(s => s.setAttribute('aria-hidden', s === slider ? 'false' : 'true')); sliderComp.setAttribute('initial-slide', String(idx)); if (!sliderComp.isConnected || sliderComp.current === idx) return; try { sliderComp.select(idx, undefined, { animate: false }); } catch (e) {} }); document.addEventListener('sezerium:price:update', (event) => { const { el, product, variant, isOnSale, isRange } = event.detail; const showCompare = isRange ? product.minPrice === product.maxPrice : !(variant?.groupMaxPrice > variant?.groupMinPrice); if (showCompare && isOnSale && !el.querySelector(SezeriumAppSettings.selectors.salePrice)) { const priceEl = el.querySelector(SezeriumAppSettings.selectors.price); if (!priceEl) return; const priceContainer = priceEl.parentElement; const salePrice = window.SezeriumPriceHandler.formatPrice(variant.compareAtPrice); priceContainer.innerHTML = ` ${priceEl.outerHTML} ${salePrice} `; } el.querySelector('.price-from')?.remove?.(); }); document.addEventListener('sezerium:swatch:update', (e) => { const { el, color, variant } = e.detail; const firstOption = color.replace(/&/g, '&') || variant.option1.replace(/&/g, '&'); const secondOption = variant.option2.replace(/&/g, '&'); const thirdOption = variant.option3.replace(/&/g, '&'); setTimeout(() => { el.querySelectorAll('swatches-variant-picker-component fieldset').forEach((fieldset) => { fieldset.classList.add('sezerium-swatch'); let targetInput = fieldset.querySelector(`input[value="${firstOption}"]`); if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${secondOption}"]`); } if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${thirdOption}"]`); } if (targetInput) { const checkedInput = fieldset.querySelector('input:checked'); if (checkedInput) { checkedInput.checked = false; checkedInput.removeAttribute('checked'); } if (variant.available) { targetInput.dataset.optionAvailable = 'true'; targetInput.ariaDisabled = 'false'; } else { targetInput.dataset.optionAvailable = 'false'; targetInput.ariaDisabled = 'true'; } targetInput.classList.add('sezerium-checked'); targetInput.checked = true; targetInput.setAttribute('checked', ''); targetInput.disabled = false; targetInput.dispatchEvent(new Event('change', { bubbles: true })); } }); }, 50); setTimeout(() => { el.querySelectorAll('variant-picker fieldset').forEach((fieldset, index) => { fieldset.classList.add('sezerium-swatch'); const selectedOption = index === 0 ? firstOption : secondOption; let targetInput = fieldset.querySelector(`input[value="${selectedOption}"]`); if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${thirdOption}"]`); } if (targetInput) { const checkedInput = fieldset.querySelector('input:checked'); if (checkedInput) { checkedInput.checked = false; checkedInput.removeAttribute('checked'); checkedInput.dispatchEvent(new Event('input', { bubbles: true })); checkedInput.dispatchEvent(new Event('change', { bubbles: true })); } if (variant.available) { targetInput.dataset.optionAvailable = 'true'; targetInput.ariaDisabled = 'false'; } else { targetInput.dataset.optionAvailable = 'false'; targetInput.ariaDisabled = 'true'; } targetInput.classList.add('sezerium-checked'); targetInput.checked = true; targetInput.setAttribute('checked', 'checked'); targetInput.disabled = false; targetInput.dispatchEvent(new Event('input', { bubbles: true })); targetInput.dispatchEvent(new Event('change', { bubbles: true })); } }); }, 50); }); document.addEventListener('sezerium:js:unload', (e) => { const { collectionEl } = e.detail; if (!collectionEl) return; const slideshowComponent = collectionEl.closest('slideshow-component'); if (slideshowComponent) { const itemCount = collectionEl.querySelectorAll('.sezerium-product').length; const newTimeline = Array.from({length: itemCount}, (_, i) => `--slide-${i + 1}`) .join(', '); slideshowComponent.style.setProperty('--slideshow-timeline', newTimeline); collectionEl.querySelectorAll('slideshow-slide.sezerium-product').forEach((item, index) => { const slide = `--slide-${index+1}`; item.style.setProperty('--slideshow-timeline', slide); item.setAttribute('aria-hidden', false); }); slideshowComponent.connectedCallback(); setTimeout(()=> slideshowComponent.select(0, undefined, { animate: false }), 500) } }); document.addEventListener('sezerium:set:productCount', (e) => { const { productCount } = e.detail; const productCountDiv = document.querySelector('div.products-count-wrapper > span'); if (productCountDiv) { productCountDiv.textContent = productCountDiv.textContent.replace(/[0-9]+/, productCount); } }); document.addEventListener('sezerium:widget:update', (event) => { const { el, product, variant } = event.detail; const isSoldOut = variant.available === false || variant.availableForSale === false; const isProductCard = variant.keepOriginal === true || product.sezeriumKeepOriginal === true || variant.title === 'Default Title'; const singleVariant = variant.title === 'Default Title' || (variant.selectedOptions || []).some((o) => o.value === 'Default Title'); const wantChoose = isProductCard && !singleVariant; const t = SezeriumAppSettings.settings.translation.button; const qckComponent = el.querySelector('quick-add-component'); if (qckComponent) { qckComponent.setAttribute('data-quick-add-button', wantChoose ? 'choose' : 'add'); } const btnComponent = el.querySelector('add-to-cart-component'); if (btnComponent) { const btn = btnComponent.querySelector('button'); if (btn) btn.disabled = isSoldOut; const btnText = btnComponent.querySelector('.add-to-cart-text__content'); if (btnText) { const label = isSoldOut ? t.soldOut : (wantChoose ? t.chooseOptions : t.addToCart); btnText.innerHTML = '' + label + ''; } } }); document.addEventListener('sezerium:variant:initialized', function (e) { var el = e.detail && e.detail.el; if (!el || typeof SezeriumCollection === 'undefined' || SezeriumCollection.template !== 'collection') return; if (!el.hasAttribute('data-page') || !window.SezeriumUrlHandler) return; el.setAttribute('data-page', String(window.SezeriumUrlHandler.getPage())); }); (function () { if (window.__sezBootCssFix) return; window.__sezBootCssFix = true; var injected = false; var inject = function () { if (injected || !document.querySelector('.sezerium-boot-grid')) return; injected = true; var u = new URL(window.location.href); u.searchParams.delete('page'); u.searchParams.delete('sezeriumPage'); fetch(u.pathname + u.search, { headers: { 'Accept': 'text/html' } }) .then(function (r) { return r.text(); }) .then(function (html) { var doc = new DOMParser().parseFromString(html, 'text/html'); var have = {}; document.querySelectorAll('link[rel="stylesheet"]').forEach(function (l) { have[l.href] = 1; }); doc.querySelectorAll('head link[rel="stylesheet"]').forEach(function (l) { var href = l.getAttribute('href'); if (!href) return; var abs = new URL(href, window.location.origin).href; if (have[abs]) return; have[abs] = 1; var n = document.createElement('link'); n.rel = 'stylesheet'; n.href = abs; document.head.appendChild(n); }); }) .catch(function () { injected = false; }); }; var tries = 0; var timer = setInterval(function () { inject(); if (injected || ++tries > 40) clearInterval(timer); }, 250); })();

Idioma

Idioma

Idioma

Camiseta manga corta de punto rayas azul

Camiseta manga corta de punto rayas naranja

Camiseta manga corta de punto rayas roja

Camiseta manga corta de punto rayas verde

Camiseta manga corta grafito - Cometas

Camiseta manga corta gris - Gat

Camiseta manga corta gris - IAIO ciclista

Camiseta manga corta gris - IAIO mirando las obras

Camiseta manga corta gris - Llaüt

Camiseta manga corta gris antracita - Terra

Camiseta manga corta lisa

Camiseta manga corta lisa bordada

Camiseta manga corta morada - Casa

Camiseta manga corta morada - Castellers

Camiseta manga corta morada - Quan dormo

Camiseta manga corta morada - Vermut

Camiseta manga corta negra - La abuela y el dragón

Camiseta manga corta negra - Quan dormo

Camiseta manga corta roja - Ciclista de pega

Camiseta manga corta turquesa - Ciclista de pega

Camiseta manga corta verde - Boletaire

Camiseta manga corta verde - Fauna

Camiseta manga corta verde - Pixapins

Camiseta manga corta verde botella - Bicicleta roja

Envío gratis a partir de 100€(Península)

Entrega 1/2 dias laborables (Península)

1er cambio gratisDevoluciones 5€

Atención al cliente9 a 13h ( teléfono/email)

Pago seguroTecnologia Shopify payments

Envío gratis
a partir de 100€
(Península)

1er cambio gratis
Devoluciones 5€

Atención al cliente
9 a 13h ( teléfono/email)

Pago seguro
Tecnologia Shopify payments