promocja Black Week | Sklep Fixero

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@zaksiazkowaneedits/video/7281741512486948129" data-video-id="7281741512486948129" style="max-width: 605px; min-width: 325px;"> <section> <a target="_blank" title="@zaksiazkowaneedits" href="https://www.tiktok.com/@zaksiazkowaneedits?refer=embed">@zaksiazkowaneedits</a> KOCHAM@tola @ </div></div></main><footer class="page-footer"><div class="footer content"> <section class="container mb-18"> <h2 class="font-bold mb-4 text-3xl text-center"> Nasze marki </h2> <div class="footer-brands__list mb-8"> <a href="/neo-tools" class="footer-brands__item" aria-label="NEO TOOLS" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/neo.svg" width="95" height="3" loading="lazy" decoding="async" alt="NEO TOOLS" /> </a> <a href="/graphite" class="footer-brands__item" aria-label="GRAPHITE" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/graphite.svg" width="120" height="18" loading="lazy" decoding="async" alt="GRAPHITE" /> </a> <a href="/verto" class="footer-brands__item" aria-label="VERTO" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/verto.svg" width="120" height="21" loading="lazy" decoding="async" alt="VERTO" /> </a> <a href="/topex" class="footer-brands__item" aria-label="TOPEX" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/topex.svg" width="120" height="29" loading="lazy" decoding="async" alt="TOPEX" /> </a> <a href="/top-tools" class="footer-brands__item" aria-label="TOP-TOOLS" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/top-tools.svg" width="120" height="30" loading="lazy" decoding="async" alt="TOP-TOOLS" /> </a> <a href="/produkty.html?manufacturer=BAILDON" class="footer-brands__item" aria-label="BAILDON" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/baildon.svg" width="100" height="54" loading="lazy" decoding="async" alt="BAILDON" /> </a> </div> <h2 class="font-bold mb-4 text-3xl text-center"> Partnerzy </h2> <div class="footer-brands__partners"> <a href="https://naprawomat.pl/" target="_blank" rel="noopener noreferrer" class="footer-brands__partner" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/naprawomat.svg" width="165" height="37" loading="lazy" decoding="async" alt="Naprawomat" /> </a> <a href="https://gtxservice.com/" target="_blank" rel="noopener noreferrer" class="footer-brands__partner" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/footer-brands/gtxservice.svg" width="200" height="38" loading="lazy" decoding="async" alt="Gtxservice" /> </a> </div> </section> <div class="newsletter-footer bg-gray-100 border-t border-gray-300"> <div class="container py-8"> <div class="grid gap-8 lg:grid-cols-12 lg:items-stretch">  <div class="lg:col-span-4 h-full"> <div class="h-full flex items-center lg:pr-8 lg:border-r lg:border-gray-400"> <div> <h2 class="text-xl font-semibold" id="footer-newsletter-heading" > Zapisz się do Newslettera </h2> <p class="mt-1 text-lg font-semibold"> i otrzymaj 10% zniżki na zakupy online! </p> <p class="mt-4 text-sm"> * Rabat nie łączy się z innymi i obejmuje produkty nieprzecenione. </p> </div> </div> </div>  <div class="lg:col-span-8"> <form class="form subscribe" action="https://fixero.com/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm" @submit.prevent="submitForm" id="newsletter-validate-detail" aria-labelledby="footer-newsletter-heading" toolname="subscribe_newsletter" tooldescription="Pozwala użytkownikowi zapisać się do newslettera Fixero." > <div class="grid gap-4 md:grid-cols-[1fr_1fr_auto] md:items-end"> <div> <label for="newsletter-name" class="block mb-1 text-sm font-medium" > Imię </label> <input name="name" type="text" required id="newsletter-name" class="form-input w-full" placeholder="Wpisz imię" autocomplete="given-name" toolparamdescription="Imię osoby zapisującej się do newslettera Fixero." > </div> <div> <label for="newsletter-subscribe" class="block mb-1 text-sm font-medium" > Adres e-mail </label> <input name="email" type="email" required id="newsletter-subscribe" class="form-input w-full" placeholder="Wprowadź swój adres e-mail" autocomplete="email" toolparamdescription="Adres e-mail używany do zapisu do newslettera Fixero." > </div> <div> <button type="submit" class="btn btn-primary w-full md:w-auto" > Subskrybuj </button> </div> </div> <input name="form_key" type="hidden" value="7l03vkRjlmornQKP" /> <div class="mt-6 text-xs"> <div class="newsletter-agreement"> <div><input data-validate="{required:true}" type="checkbox" id="input-zgoda_przetw_dan_osob" class="checkbox" name="$sm-consent.name.ZGODA_PRZETW_DAN_OSOB$" toolparamdescription="Zgoda na przetwarzanie danych osobowych w celu obsługi zapisu do newslettera."><label for="input-zgoda_przetw_dan_osob">Wyrażam zgodę na przetwarzanie moich danych osobowych przez GTX Poland Sp. z o.o. Sp. k. z siedzibą w Warszawie (02-285 Warszawa ul. Pograniczna 2/4), w celach marketingowych, w tym m.in. dla informowania o aktualnej ofercie, akcjach promocyjnych, nowościach, wyprzedażach, wydarzeniach.</label></div> <div><input data-validate="{required:true}" type="checkbox" id="input-zgoda_urz_koncowe" class="checkbox" name="$sm-consent.name.ZGODA_URZ_KONCOWE$" toolparamdescription="Zgoda na używanie telekomunikacyjnych urządzeń końcowych w celach marketingowych."><label for="input-zgoda_urz_koncowe">Wyrażam zgodę na wykorzystywanie przez GTX Poland Sp. z o.o. Sp. k. z siedzibą w Warszawie (02-285 Warszawa ul. Pograniczna 2/4) telekomunikacyjnych urządzeń końcowych i automatycznych systemów wywołujących, w rozumieniu przepisów Ustawy z dnia 12 lipca 2024 r. Prawo komunikacji elektronicznej, dla celów marketingu bezpośredniego oraz dla celów przesyłania informacji handlowej w rozumieniu ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną.</label></div> <div><input data-validate="{required:true}" type="checkbox" id="input-zgoda_informacje_handlowe" class="checkbox" name="$sm-consent.name.ZGODA_INFORMACJE_HANDLOWE$" toolparamdescription="Zgoda na otrzymywanie informacji handlowych drogą elektroniczną."><label for="input-zgoda_informacje_handlowe">Wyrażam zgodę na otrzymywanie drogą elektroniczną informacji handlowych w rozumieniu Ustawy z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną o treści marketingowej pochodzących od GTX Poland Sp. z o.o. Sp. k..</label></div></div> </div> <template x-if="displayErrorMessage"> <div class="mt-4"> <p class="flex items-center text-red"> <span class="inline-block w-8 h-8 mr-3"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> <template x-for="errorMessage in errorMessages"> <span x-html="errorMessage"></span> </template> </p> </div> </template> </form> <div class="w-full mt-2"> </div> </div> </div> </div> <script> function initNewsletterForm() { return { errors: 0, hasCaptchaToken: 0, displayErrorMessage: false, errorMessages: [], setErrorMessages(messages) { this.errorMessages = [messages]; this.displayErrorMessage = this.errorMessages.length; }, submitForm() { // Do not rename $form, the variable is expected // to be declared in the recaptcha output. const $form = document.querySelector('#newsletter-validate-detail'); if (this.errors === 0) { $form.submit(); } } } } window.addEventListener( 'alpine:init', () => Alpine.data('initNewsletterForm', initNewsletterForm), {once: true} ); </script> </div><div class="bg-[#232323] text-white pb-16"> <div class="container py-8"> <div class="flex flex-wrap gap-y-16"> <div class="w-full grid grid-cols-1 lg:grid-cols-4 gap-8 xl:col-span-2"> <nav aria-label="Company Menu"> <div class="text-md leading-5 text-primary font-bold tracking-wider uppercase"> Fixero.com </div> <ul class="mt-4"> <li> <a href="https://fixero.com/o-fixero/" class="text-sm uppercase"> O sklepie </a> </li> <li class="mt-2"> <a href="https://fixero.com/opinie/" class="text-sm uppercase"> Opinie </a> </li> <li class="mt-2"> <a href="https://fixero.com/porady/" class="text-sm uppercase"> Porady </a> </li> <li> <br /> <p> Biuro Obsługi Klienta jest czynne w godzinach 9:00-15:00. </p> <p> Telefon: <a href="tel:222565550"> 22 256 55 50 </a> </p> <p> E-mail: <a href="mailto:bok@fixero.com"> bok@fixero.com </a> </p> <p> Adres: GTX Poland Sp. z o.o. Sp.k. <br /> ul. Pograniczna 2/4, 02-285 Warszawa </p> </li> </ul> </nav> <nav aria-label="Order Menu"> <div class="text-md leading-5 text-primary font-bold tracking-wider uppercase"> Zakupy i zamówienia </div> <ul class="mt-4"> <li> <a href="https://fixero.com/sposoby-dostawy-i-platnosci/" class="text-sm uppercase" > Dostawa i płatności </a> </li> <li class="mt-2"> <a href="https://fixero.com/zwroty-i-reklamacje/" class="text-sm uppercase" > Zasady zwrotu </a> </li> <li class="mt-2"> <a href="https://fixero.com/reklamacja-i-wymiana/" class="text-sm uppercase" > Reklamacja i wymiana </a> </li> <li class="mt-2"> <a href="https://fixero.com/informacja-o-systemie-zbierania-zuzytego-sprzetu-elektrycznego-i-elektronicznego/" class="text-sm uppercase" > Zużyty sprzęt </a> </li> <li class="mt-2"> <a href="https://fixero.com/raty/" class="text-sm uppercase" > Raty </a> </li> <li class="mt-2"> <a href="https://fixero.com/dotacje/" class="text-sm uppercase" > Dotacje </a> </li> </ul> </nav> <nav aria-label="Help Menu"> <div class="text-md leading-5 text-primary font-bold tracking-wider uppercase"> Pomoc </div> <ul class="mt-4"> <li> <a href="https://fixero.com/rodo-dane-osobowe/" class="text-sm uppercase" > RODO / Dane osobowe </a> </li> <li class="mt-2"> <a href="https://fixero.com/contact/" class="text-sm uppercase" > Kontakt </a> </li> <li class="mt-2"> <a href="https://fixero.com/pomoc-faq/" class="text-sm uppercase" > Pomoc / FAQ </a> </li> <li class="mt-2"> <a href="https://fixero.com/polityka-prywatnosci/" class="text-sm uppercase" > Polityka prywatności </a> </li> <li class="mt-2"> <a href="https://fixero.com/regulamin-sklepu/" class="text-sm uppercase" > Regulamin </a> </li> <li class="mt-2"> <a href="https://fixero.com/polityka-cookies/" class="text-sm uppercase" > Polityka cookies </a> </li> </ul> </nav> <nav aria-label="Social Media Menu"> <div class="text-md leading-5 text-primary font-bold tracking-wider uppercase"> Śledź nas </div> <ul class="mt-4"> <li class="flex items-center gap-3"> <a href="https://www.facebook.com/FIXEROCOM/?ref=br_rs" title="Facebook" target="_blank" rel="noopener" aria-label="Fixero na Facebooku" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/icons/facebook.svg" alt="Facebook logo" loading="lazy" style="height: 23px;" /> </a> <a href="https://www.youtube.com/channel/UClyDKO6bTb9PlMqc8F7T0jQ" title="YouTube" target="_blank" rel="noopener" aria-label="Fixero na YouTube" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/icons/youtube.svg" alt="Youtube logo" loading="lazy" style="height: 27px;" /> </a> <a href="https://www.instagram.com/fixero_com/" title="Instagram" target="_blank" rel="noopener" aria-label="Fixero na Instagramie" > <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/icons/instagram.svg" alt="Instagram logo" loading="lazy" style="height: 23px;" /> </a> </li> <li class="mt-10"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/product-info/delivery-methods-light.svg" alt="Delivery methods" loading="lazy" style="height: 30px;" /> </li> <li class="mt-2"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=" data-amsrc="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/images/product-info/payment-methods-light-v2.svg" alt="Metody płatności" loading="lazy" style="height: 30px;" /> </li> </ul> </nav> </div> </div> </div> </div> <div class="footer-categories py-8 bg-gray-200"> <div class="container"> <div id="footer-categories-content" class="relative max-h-[150px] overflow-hidden" > <style>#html-body [data-pb-style=EAAWYKR]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=XXAD7WU]{display:flex;width:100%}#html-body [data-pb-style=CBUY184]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=Y9D5YJH]{padding-left:2px;padding-right:2px}#html-body [data-pb-style=IQEIJCK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=HN4FG55]{padding-left:2px;padding-right:2px}#html-body [data-pb-style=RCME1S4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=X7IQ18A]{padding-left:2px;padding-right:2px}#html-body [data-pb-style=I7H4EOR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=FE5G1CX],#html-body [data-pb-style=PAYSJV4]{padding-left:2px;padding-right:2px}#html-body [data-pb-style=ETBPVXQ],#html-body [data-pb-style=PAYSJV4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=GCI5L35]{padding-left:2px;padding-right:2px}</style><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="EAAWYKR"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="XXAD7WU"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CBUY184"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="Y9D5YJH"><p><strong><a href="https://fixero.com/elektronarzedzia.html">Elektronarzędzia</a></strong></p> <p><a href="https://fixero.com/elektronarzedzia/szlifierki.html">Szlifierki</a></p> <p><a href="https://fixero.com/elektronarzedzia/wiertarkowkretarki.html">Wiertarkowkrętarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/mloty-i-mlotowiertarki.html">Młoty i młotowiertarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/wiertarki.html">Wiertarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/pilarki-i-wyrzynarki.html">Pilarki i wyrzynarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/zakretarki.html">Zakrętarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/frezarki.html">Frezarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/strugi-elektyczne.html">Strugi elektyczne</a></p> <p><a href="https://fixero.com/elektronarzedzia/odkurzacze-warsztatowe.html">Odkurzacze warsztatowe</a></p> <p><a href="https://fixero.com/elektronarzedzia/nozyce-do-blachy.html">Nożyce do blachy</a></p> <p><a href="https://fixero.com/elektronarzedzia/opalarki.html">Opalarki</a></p> <p><a href="https://fixero.com/elektronarzedzia/agregaty-pradotworcze.html">Agregaty prądotwórcze</a></p> <p><a href="https://fixero.com/elektronarzedzia/akumulatory-do-elektronarzedzi.html">Akumulatory do elektronarzędzi</a></p> <p><a href="https://fixero.com/elektronarzedzia/elektronarzedzia-energy.html">Elektronarzędzia Energy+</a></p> <p> </p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IQEIJCK"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="HN4FG55"><p><strong><a href="https://fixero.com/akcesoria-do-elektronarzedzi.html">Akcesoria do elektronarzędzi</a></strong></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/wiertla-i-otwornice.html">Wiertła i otwornice</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/materialy-scierne.html">Materiały ścierne</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/tarcze.html">Tarcze</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/koncowki-wkretakowe.html">Bity i końcówki do wkrętarek</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/szczotki-druciane.html">Szczotki druciane</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/brzeszczoty.html">Brzeszczoty</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/akcesoria-do-miniszlifierek.html">Akcesoria do miniszlifierek</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/akcesoria-do-pilarek-tarczowych.html">Akcesoria do pilarek tarczowych</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/czesci-eksploatacyjne.html">Części eksploatacyjne</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/statywy-do-elektronarzedzi.html">Statywy do elektronarzędzi</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/uchwyty-wiertarskie.html">Uchwyty wiertarskie</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/zszywki-i-gwozdzie.html">Zszywki i gwoździe</a></p> <p><a href="https://fixero.com/akcesoria-do-elektronarzedzi/dluta-i-szpicaki.html">Dłuta i szpicaki</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RCME1S4"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="X7IQ18A"><p><strong><a href="https://fixero.com/klucze.html">Klucze warsztatowe <br>i specjalistyczne</a></strong></p> <p><a href="https://fixero.com/klucze/klucze-nasadowe.html">Klucze nasadowe</a></p> <p><a href="https://fixero.com/klucze/nasadki.html">Nasadki</a></p> <p><a href="https://fixero.com/klucze/klucze-nasadowe-przegubowe.html">Klucze nasadowe przegubowe</a></p> <p><a href="https://fixero.com/klucze/klucze-nastawne.html">Klucze nastawne</a></p> <p><a href="https://fixero.com/klucze/klucze-plasko-oczkowe.html">Klucze płasko-oczkowe</a></p> <p><a href="https://fixero.com/klucze/klucze-plaskie.html">Klucze płaskie</a></p> <p><a href="https://fixero.com/klucze/klucze-plasko-nasadowe.html">Klucze płasko-nasadowe</a></p> <p><a href="https://fixero.com/klucze/klucze-oczkowe.html">Klucze oczkowe</a></p> <p><a href="https://fixero.com/klucze/klucze-imbusowe.html">Klucze imbusowe</a></p> <p><a href="https://fixero.com/klucze/klucze-dynamometrzyczne.html">Klucze dynamometryczne</a></p> <p><a href="https://fixero.com/klucze/klucze-fajkowe.html">Klucze fajkowe</a></p> <p><a href="https://fixero.com/klucze/klucze-rurowe.html">Klucze rurowe</a></p> <p><a href="https://fixero.com/klucze/klucze-trzpieniowe.html">Klucze trzpieniowe</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I7H4EOR"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="FE5G1CX"><p><strong><a href="https://fixero.com/warsztat.html">Wyposażenie warsztatu</a></strong></p> <p><a href="https://fixero.com/warsztat/elektryczne.html">Narzędzia do pracy pod napięciem</a></p> <p><a href="https://fixero.com/warsztat/wkretaki.html">Wkrętaki</a></p> <p><a href="https://fixero.com/warsztat/szczypce.html">Szczypce</a></p> <p><a href="https://fixero.com/warsztat/hydraulika.html">Hydraulika</a></p> <p><a href="https://fixero.com/warsztat/spawanie.html">Spawanie</a></p> <p><a href="https://fixero.com/warsztat/pomiarowe.html">Pomiarowe</a></p> <p><a href="https://fixero.com/warsztat/laczenie.html">Łączenie</a></p> <p><a href="https://fixero.com/warsztat/pneumatyka-i-natryskowe.html">Pneumatyka i natryskowe</a></p> <p><a href="https://fixero.com/warsztat/oswietlenie-warsztatowe.html">Oświetlenie warsztatowe</a></p> <p><a href="https://fixero.com/warsztat/przechowywanie-i-transport.html">Przechowywanie i transport</a></p> <p><a href="https://fixero.com/warsztat/stoly-warsztatowe.html">Stoły warsztatowe</a></p> <p><a href="https://fixero.com/warsztat/malarskie-i-dekoratorskie.html">Narzędzia dekoratorskie</a></p> <p><a href="https://fixero.com/warsztat/kleje-i-smary.html">Kleje i smary</a></p> <p><a href="https://fixero.com/warsztat/glazurnictwo.html">Glazurnictwo</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PAYSJV4"><div data-content-type="text" data-appearance="default" data-element="main"><p><strong><a href="https://fixero.com/moto.html">Wyposażenie warsztatu samochodowego</a></strong></p> <p><a href="https://fixero.com/moto/akcesoria-warsztatowe.html">Akcesoria warsztatowe</a></p> <p><a href="https://fixero.com/moto/akcesoria-do-samochodu.html">Akcesoria do samochodu</a></p> <p><a href="https://fixero.com/moto/narzedzia-specjalistyczne.html">Narzędzia specjalistyczne do motoryzacji</a></p> <p><a href="https://fixero.com/moto/narzedzia-do-motocykli.html">Narzędzia do motocykli</a></p> <p><a href="https://fixero.com/moto/podnosniki.html">Podnośniki samochodowe</a></p> <p><a href="https://fixero.com/moto/prostowniki.html">Prostowniki do akumulatorów</a></p> <p><a href="https://fixero.com/moto/wciagarki-i-wyciagarki.html">Wciągarki i wyciągarki</a></p> <p><strong><a href="https://fixero.com/bhp.html">Odzież i akcesoria BHP</a></strong></p> <p><a href="https://fixero.com/bhp/ochrona-ciala.html">Ochrona ciała</a></p> <p><a href="https://fixero.com/bhp/ochrona-stop.html">Ochrona stóp</a></p> <p><a href="https://fixero.com/bhp/ochrona-glowy.html">Ochrona głowy</a></p> <p><a href="https://fixero.com/bhp/ochrona-oczu-i-twarzy.html">Ochrona oczu i twarzy</a></p> <p><a href="https://fixero.com/bhp/ochrona-sluchu.html">Ochrona słuchu</a></p> <p><a href="https://fixero.com/bhp/ochrona-drog-oddechowych.html">Ochrona dróg oddechowych</a></p> <p><a href="https://fixero.com/bhp/ochrona-dloni.html">Ochrona dłoni</a></p> <p><a href="https://fixero.com/bhp/ochrona-kolan.html">Ochrona kolan</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ETBPVXQ"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="GCI5L35"><p><a href="https://fixero.com/dom-i-ogrod.html"><strong>Dom i ogród</strong></a></p> <p><a href="https://fixero.com/dom-i-ogrod/budowlane.html">Narzędzia budowlane</a></p> <p><a href="https://fixero.com/dom-i-ogrod/narzedzia-ogrodowe.html">Narzędzia ogrodowe</a></p> <p><a href="https://fixero.com/dom-i-ogrod/elektronarzedzia-ogrodowe.html">Elektronarzędzia ogrodowe</a></p> <p><a href="https://fixero.com/dom-i-ogrod/system-wodny.html">System nawadniania</a></p> <p><a href="https://fixero.com/dom-i-ogrod/oswietlenie-domu-i-ogrodu.html">Oświetlenie domu i ogrodu</a></p> <p><a href="https://fixero.com/dom-i-ogrod/ogrzewanie.html">Ogrzewanie</a></p> <p><a href="https://fixero.com/dom-i-ogrod/wentylacja-i-klimatyzacja.html">Wentylacja i klimatyzacja</a></p> <p><a href="https://fixero.com/dom-i-ogrod/uzdatnianie-powietrza.html">Uzdatnianie powietrza</a></p> <p><a href="https://fixero.com/dom-i-ogrod/klodki-i-okucia.html">Kłódki i okucia</a></p> <p><a href="https://fixero.com/dom-i-ogrod/gadzety-podreczne.html">Gadżety podręczne</a></p> <p><a href="https://fixero.com/dom-i-ogrod/podkladki-filcowe.html">Podkładki filcowe</a></p> <p><a href="https://fixero.com/dom-i-ogrod/panele-sloneczne.html">Panele słoneczne</a></p> <p><a href="https://fixero.com/dom-i-ogrod/architektura-ogrodowa.html">Architektura ogrodowa</a></p> <p><a href="https://fixero.com/hobby.html"><strong>Hobby</strong></a></p> <p><a href="https://fixero.com/hobby/sprzet-survivalowy.html">Sprzęt survivalowy</a></p> <p><a href="https://fixero.com/hobby/gadzety.html">Gadżety</a></p> <p><a href="https://fixero.com/hobby/akcesoria-rowerowe.html">Akcesoria rowerowe</a></p></div></div></div></div> <div id="footer-categories-gradient" class="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-b from-transparent to-gray-200" ></div> </div> <div id="footer-categories-toggle-wrapper" class="flex justify-center mt-4"> <button type="button" id="footer-categories-toggle" class="btn btn-secondary" aria-expanded="false" aria-controls="footer-categories-content" > <span data-show-label>Zobacz dodatkowe opcje</span> <span data-hide-label class="hidden">Ukryj</span> </button> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { const content = document.getElementById('footer-categories-content'); const gradient = document.getElementById('footer-categories-gradient'); const button = document.getElementById('footer-categories-toggle'); const wrapper = document.getElementById('footer-categories-toggle-wrapper'); if (!content || !gradient || !button || !wrapper) { return; } if (content.scrollHeight <= 150) { gradient.classList.add('hidden'); wrapper.classList.add('hidden'); return; } const showLabel = button.querySelector('[data-show-label]'); const hideLabel = button.querySelector('[data-hide-label]'); button.addEventListener('click', function () { const expanded = button.getAttribute('aria-expanded') === 'true'; button.setAttribute('aria-expanded', expanded ? 'false' : 'true'); content.classList.toggle('max-h-[150px]', expanded); content.classList.toggle('overflow-hidden', expanded); gradient.classList.toggle('hidden', !expanded); showLabel.classList.toggle('hidden', !expanded); hideLabel.classList.toggle('hidden', expanded); }); }); (function () { var source = 'Dowiedz się więcej na temat tego dostawcy'; var target = 'Poznaj szczegóły dostawcy'; function updateProviderLinks() { document.querySelectorAll( '.CybotCookiebotDialogDetailBodyContentCookieLink' ).forEach(function (link) { if (!link.firstChild || link.firstChild.nodeValue.trim() !== source) { return; } link.firstChild.nodeValue = target; ['aria-label', 'title'].forEach(function (attribute) { var value = link.getAttribute(attribute); if (value) { link.setAttribute( attribute, value.replace(source, target) ); } }); }); } window.addEventListener( 'CookiebotOnDialogDisplay', updateProviderLinks ); updateProviderLinks(); })(); </script> </div></footer> <script type="text/x-magento-init"> { "*": { "Amasty_PixelCore/js/event-data": { "publicEventsData": [] } } }</script> <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "event-pool-section-reloader": { "component": "Amasty_PixelCore/js/event-pool-section-reloader" } } } } }</script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Store", "address": { "@type": "PostalAddress", "addressLocality": "Warszawa", "streetAddress": "Pograniczna 2/4", "postalCode": "02-285", "addressRegion": "Mazowieckie", "addressCountry": "PL" }, "name": "Fixero", "legalName": "GTX Poland Sp. z o.o. Sp.k.", "alternateName": "", "brand": "Fixero", "email": "bok@fixero.com", "telephone": "+48222565550", "image":"https://fixero.com/static/frontend/Gtx/fixero/pl_PL/images/logo.png", "logo":"https://fixero.com/static/frontend/Gtx/fixero/pl_PL/images/logo.png", "priceRange": "PLN", "url": "https://fixero.com/", "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "9:00", "closes": "15:00" } }</script> <div data-bind="scope: 'newsletter_popup'"></div><script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "newsletter_popup": { "component": "LCB_NewsletterPopup/js/modal", "template": "LCB_NewsletterPopup/modal", "title": "Zapisz\u0020si\u0119\u0020do\u0020Newslettera", "heading": "i\u0020otrzymaj\u002010\u0025\u0020zni\u017Cki\u0020na\u0020zakupy\u0020online\u0021\u0020\u003Cdiv\u0020style\u003D\u0022font\u002Dsize\u003A\u002014px\u003B\u0020margin\u002Dtop\u003A\u00208px\u003B\u0022\u003E\u002A\u0020Rabat\u0020nie\u0020\u0142\u0105czy\u0020si\u0119\u0020z\u0020innymi\u0020i\u0020obejmuje\u0020produkty\u0020nieprzecenione.\u003C\u002Fdiv\u003E", "agreements": {"_1652956555903_903":{"code":"gtx_1","label":"Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych, podanych w formularzu rejestracyjnym, przez GTX Poland Sp. z o.o. Sp.k. z siedzib\u0105 w Warszawie (02-285 Warszawa ul. Pograniczna 2\/4) w celu otrzymywania newslettera zwi\u0105zanego z prezentacj\u0105 aktualnej oferty sp\u00f3\u0142ki GTX Poland Sp. z o.o. Sp.k."},"_1652956596800_800":{"code":"gtx_2","label":"Wyra\u017cam zgod\u0119 na wykorzystywanie przez GTX Poland Sp. z o.o. Sp.k. z siedzib\u0105 w Warszawie (02-285 Warszawa ul. Pograniczna 2\/4) telekomunikacyjnych urz\u0105dze\u0144 ko\u0144cowych i automatycznych system\u00f3w wywo\u0142uj\u0105cych dla cel\u00f3w marketingu bezpo\u015bredniego w rozumieniu przepis\u00f3w Ustawy z dnia 12 lipca 2024 r. - Prawo komunikacji elektronicznej."},"_1652956606549_549":{"code":"gtx_3","label":"Wyra\u017cam zgod\u0119 na otrzymywanie drog\u0105 elektroniczn\u0105, na podany przeze mnie adres email, informacji handlowych w rozumieniu Ustawy z dnia 12 lipca 2024 r. - Prawo komunikacji elektronicznej o tre\u015bci marketingowej pochodz\u0105cych od GTX Poland Sp. z o.o. Sp.k. z siedzib\u0105 w Warszawie (02-285 Warszawa, ul. Pograniczna 2\/4)."}}, "additional_html": "Administratorem\u0020danych\u0020osobowych\u0020U\u017Cytkownik\u00F3w\u0020Sklepu\u0020jest\u0020GTX\u0020Poland\u0020Sp.\u0020z\u0020o.o.\u0020Sp.k.\u0020z\u0020siedzib\u0105\u0020w\u0020Warszawie\u0020przy\u0020ul.\u0020Pogranicznej\u00202\u002F4,\u002002\u002D285\u0020Warszawa.\u003Cbr\u0020\u002F\u003E\u003Ca\u0020target\u003D\u0022new\u0022\u0020href\u003D\u0022\u002Fpolityka\u002Dprywatnosci\u0022\u003EPolityka\u0020przetwarzania\u0020danych\u0020osobowych\u003C\u002Fa\u003E", "delay": 5000 } } } } }</script> <script> let SnapSlider = class { constructor(el, { labelSepparator = 'z', autoPager, groupPager, loop, forcePager } = {}) { this.el = el; this.track = this.el.querySelector("[data-track]"); if (!this.track) { console.warn( "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", this.el ); return; } this.initialLoad = true; this.slides = []; this.inViewObserver; this.mutationObserver; this.resizeObserver; this.pager = this.el.querySelector("[data-pager]"); this.navBtns = Array.from( this.el.querySelectorAll("[data-next], [data-prev]") ); this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; this.useLoop = loop || this.el.hasAttribute("data-loop") || false; this.forcePager = forcePager || this.el.hasAttribute("data-force-pager") || false; this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); this.sliderId = this.el.id || this.sliderLabel || "slider"; this.markerIdName = "data-target-id"; this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; this.markerClasses = this.el.dataset.markerClass || "snap-marker"; this.init(); } init() { this.setupSlides(); this.setupNav(); if (this.useAutoPager) { this.createPager(); } else { this.setupPager(); } this.setupObservers(); this.setupMutationObserver(); this.setupResizeObserver(); this.el.addEventListener("click", this.eventHandler.bind(this)); this.el.addEventListener("keydown", this.eventHandler.bind(this)); if ("onscrollend" in window) { this.track.addEventListener("scrollend", () => { this.isNavigating = false; }); } else { this.track.addEventListener("scroll", () => { clearTimeout(this.scrollEndTimer); this.scrollEndTimer = setTimeout(() => { this.isNavigating = false; }, 100); }); } } destroy() { this.inViewObserver?.disconnect(); this.mutationObserver?.disconnect(); this.resizeObserver?.disconnect(); this.el.removeEventListener("click", this.eventHandler.bind(this)); this.el.removeEventListener("keydown", this.eventHandler.bind(this)); } roundUpIfGreaterThan(number, min = 8) { const decimalPart = number - Math.floor(number); return decimalPart >= min ? Math.ceil(number) : Math.floor(number); } getInViewItems() { const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el)); const firstInViewSlide = inViewSlides[0] || null; const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; const isAtStart = firstInViewSlide === this.slides[0]; const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; return { inViewSlides, totalInViewSlides: inViewSlides.length, firstInViewSlide, lastInViewSlide, isAtStart, isAtEnd, hasNoOverflow: isAtStart && isAtEnd }; } groupPagerMarkers() { if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return; const totalVisibleSlides = this.roundUpIfGreaterThan( this.track.offsetWidth / this.slides[0].offsetWidth ); const markers = Array.from(this.pager.querySelectorAll("a, button")); markers.forEach((marker, index) => { marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; }); } handleInView(entries) { entries.forEach((entry) => { const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( `[${this.markerIdName}="${entry.target.id}"]` )); entry.target.toggleAttribute("data-in-view", entry.isIntersecting); entry.target.toggleAttribute("inert", !entry.isIntersecting); marker?.setAttribute("aria-current", entry.isIntersecting); marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); }); const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems(); this.navBtns.forEach((btn) => { if (btn.hasAttribute("data-next")) { btn.style.visibility = hasNoOverflow ? "hidden" : null; isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); } if (btn.hasAttribute("data-prev")) { btn.style.visibility = hasNoOverflow ? "hidden" : null; isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); } }); if (this.pager) { const hidePager = hasNoOverflow && !this.forcePager; this.pager.style.visibility = hidePager ? "hidden" : null; this.pager.toggleAttribute("inert", hidePager); } if (!this.initialLoad) { this.el.dispatchEvent( new CustomEvent("slideChange", { detail: this.getInViewItems() }) ); } else { this.initialLoad = false; } if (document.activeElement.parentElement.hasAttribute("data-pager")) { const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); if (activeItems.length) { activeItems[0].focus({ preventScroll: true }); } } } getSlides() { if (!this.track) return []; return Array.from(this.track.children).filter( (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none" ); } refreshSlides() { this.initialLoad = true; this.slides = this.getSlides(); this.setupSlides(); if (this.useAutoPager) { this.createPager(); } else { this.setupPager(); } this.groupPagerMarkers(); this.setupObservers(); } setupSlides() { this.slides = this.getSlides(); this.slides.forEach((slide, index) => { const totalSlides = this.slides.length; const currentSlide = index + 1; const existingLabel = slide.getAttribute("aria-label") || ""; const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; const slideLabelTag = isImage ? "alt" : "aria-label"; const hasAutoLabel = existingLabel.startsWith( `${currentSlide} ${this.slideLabelSepparator} ` ); if (!slide.hasAttribute("id")) { slide.setAttribute( "id", `${this.sliderId}-item-${currentSlide}` ); } if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { slide.setAttribute( slideLabelTag, `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` ); } if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { slide.setAttribute("role", "group"); } if (this.pager && !isImage) { slide.setAttribute("role", "tabpanel"); } if (slide.getAttribute("role") === "group") { slide.setAttribute("aria-roledescription", "item"); } }); if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { this.el.setAttribute("role", "region"); } if (!this.el.hasAttribute("aria-roledescription")) { this.el.setAttribute("aria-roledescription", "carousel"); } if (!this.track.hasAttribute("tabindex")) { this.track.setAttribute("tabindex", 0); } this.track.setAttribute("aria-live", "polite"); } setupNav() { this.navBtns.forEach((btn) => { btn.setAttribute("disabled", ""); btn.removeAttribute("hidden"); btn.classList.remove("invisible"); btn.style.visibility = null; }); } createPager() { const newPager = document.createElement("nav"); newPager.setAttribute("data-pager", ""); newPager.setAttribute("role", "tablist"); newPager.classList.add(...this.pagerClasses.split(" ")); this.slides.forEach((slide, index) => { const marker = document.createElement("button"); const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; marker.setAttribute(this.markerIdName, slideId); marker.classList.add(...this.markerClasses.split(" ")); this.setupPagerMarker(marker, index); newPager.appendChild(marker); if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { slide.removeAttribute("aria-roledescription"); slide.setAttribute("role", "tabpanel"); } }); if (this.pager) { this.pager.setAttribute("role", "tablist"); this.pager.replaceChildren(...newPager.children); } else { this.track.after(newPager); this.pager = this.el.querySelector("[data-pager]"); } } setupPager() { if (!this.pager) return; this.pager.setAttribute("role", "tablist"); const items = Array.from(this.pager.querySelectorAll("a, button")); items.forEach((marker, index) => this.setupPagerMarker(marker, index)); } setupPagerMarker(marker, index) { const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); const slideId = markerId || `${this.sliderId}-item-${index + 1}`; if (!markerId) { marker.setAttribute(this.markerIdName, slideId); } marker.setAttribute("role", "tab"); marker.setAttribute("aria-controls", slideId); marker.setAttribute("aria-posinset", index + 1); marker.setAttribute("aria-setsize", this.slides.length); marker.setAttribute("tabindex", "-1"); if (!marker.hasAttribute("aria-label")) { marker.setAttribute("aria-label", `Slide ${index + 1}`); } } setupObservers() { if (this.inViewObserver) { this.inViewObserver.disconnect(); } this.inViewObserver = new IntersectionObserver( this.handleInView.bind(this), { root: this.track, threshold: 0.8 } ); this.slides.forEach((slide) => this.inViewObserver.observe(slide)); } setupMutationObserver() { this.mutationObserver = new MutationObserver((mutations) => { if (mutations.some((m) => m.type === "childList" ? m.target === this.track : m.target.parentElement === this.track)) { this.refreshSlides(); } }); this.mutationObserver.observe(this.track, { childList: true, subtree: true, attributeFilter: ["style"] }); } setupResizeObserver() { this.resizeObserver = new ResizeObserver( this.groupPagerMarkers.bind(this) ); this.resizeObserver.observe(this.el); } goToSlideDir(dir = "next") { if (this.isNavigating) return; const { firstInViewSlide, lastInViewSlide } = this.getInViewItems(); const isPrev = dir === "prev"; const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide; const currentIndex = this.slides.indexOf(referenceSlide); let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; if (targetIndex < 0 || targetIndex >= this.slides.length) { if (!this.useLoop) return; targetIndex = isPrev ? this.slides.length - 1 : 0; } const targetSlide = this.slides[targetIndex]; if (!targetSlide) return; this.isNavigating = true; targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" }); } pagerToSlide(event) { if (!event.target.closest("[data-pager]")) return; const marker = event.target.closest("a, button"); if (!marker) return; event.preventDefault(); const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); const targetSlide = this.track.querySelector(`#${slideId}`); targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); } eventHandler(event) { const target = event.target.closest( "[data-next], [data-prev], [data-pager]" ); if (!target) return; if (event.type === "click") { if (target.hasAttribute("data-next")) { this.goToSlideDir("next"); } else if (target.hasAttribute("data-prev")) { this.goToSlideDir("prev"); } else if (target.closest("[data-pager]")) { this.pagerToSlide(event); } } if (event.type === "keydown" && target.closest("[data-pager]")) { if (event.key === "ArrowRight" || event.key === "ArrowDown") { event.preventDefault(); this.goToSlideDir("next"); } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") { event.preventDefault(); this.goToSlideDir("prev"); } } } }; (() => { function alpineSnapSlider(Alpine) { Alpine.directive("snap-slider", (el, { modifiers }, { cleanup }) => { const slider = new SnapSlider(el, { autoPager: modifiers.includes("auto-pager"), groupPager: modifiers.includes("group-pager"), loop: modifiers.includes("loop"), forcePager: modifiers.includes("force-pager") }); cleanup(() => { slider.destroy(); }); }); } document.addEventListener("alpine:init", () => { window.Alpine.plugin(alpineSnapSlider); }); })();</script> <script> (() => { function dialog_default(Alpine) { Alpine.directive("htmldialog", fylgjaAlpineDialog); function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) { const evaluate = expression.length ? evaluateLater(expression) : () => {}; const lockPageScroll = modifiers.includes("noscroll"); const isModeless = modifiers.includes("modeless"); const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest"); el.style.display = null; el.style.length === 0 && el.removeAttribute("style"); if (el._x_isShown) { open(); } const closeBySupported = (() => { return "closedBy" in HTMLDialogElement.prototype; })(); function scrollLock(use = true) { document.body.style.overflow = use ? "hidden" : ""; } function dialogSubmit(event) { if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") { event.preventDefault(); evaluate(); } } function escapeDialog(event) { if (event.key !== "Escape") return; event.preventDefault(); if (closeBy === "none") return; evaluate(); } function handleCloseByEvent(event) { if (event.target !== el) return; const rect = el.getBoundingClientRect(); const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; if (!isInDialog) { if (closeBy === "any") { if (closeBySupported) { event.preventDefault(); } evaluate(); } } } function handleCloseEvent() { evaluate(); } function open() { if (el.hasAttribute("open")) return; isModeless ? el.show() : el.showModal(); scrollLock(lockPageScroll); } function close() { if (!el.hasAttribute("open")) return; el.close(); scrollLock(false); } el._x_doShow = () => open(); el._x_doHide = () => close(); el.addEventListener("keydown", escapeDialog); el.addEventListener("submit", dialogSubmit); el.addEventListener("click", handleCloseByEvent); el.addEventListener("cancel", handleCloseEvent); cleanup(() => { el.removeEventListener("keydown", escapeDialog); el.removeEventListener("submit", dialogSubmit); el.removeEventListener("click", handleCloseByEvent); el.removeEventListener("cancel", handleCloseEvent); scrollLock(false); }); } } function modifierValue(modifiers, key, fallback) { if (modifiers.indexOf(key) === -1) return fallback; const rawValue = modifiers[modifiers.indexOf(key) + 1]; if (!rawValue) return fallback; if (key === "closeby") { const allowedValues = ["auto", "none", "closerequest", "any"]; const options = allowedValues.join(", "); if (!allowedValues.includes(rawValue)) { console.warn( `"${rawValue}" is not one of the allowed values for closeby: ${options}` ); return fallback; } } return rawValue; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(dialog_default); }); })();</script> <script> (() => { function src_default(Alpine) { Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshold(modifiers) }; let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting === (value === "leave")) return; evaluate(); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); cleanup(() => { observer.disconnect(); }); })); } function getThreshold(modifiers) { if (modifiers.includes("full")) return 0.99; if (modifiers.includes("half")) return 0.5; if (!modifiers.includes("threshold")) return 0; let threshold = modifiers[modifiers.indexOf("threshold") + 1]; if (threshold === "100") return 1; if (threshold === "0") return 0; return Number(`.${threshold}`); } function getLengthValue(rawValue) { let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); return match ? match[1] + (match[2] || "px") : void 0; } function getRootMargin(modifiers) { const key = "margin"; const fallback = "0px 0px 0px 0px"; const index = modifiers.indexOf(key); if (index === -1) return fallback; let values = []; for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || "")); } values = values.filter((v) => v !== void 0); return values.length ? values.join(" ").trim() : fallback; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })();</script> <script> (() => { var ALLOWED_TAGS = /* @__PURE__ */ new Set([ "a", "b", "i", "em", "strong", "s", "u", "span", "small", "mark", "abbr", "cite", "q", "sup", "sub", "br", "code", "kbd", "samp", "var", "wbr", "p", "div", "h1", "h2", "h3", "h4", "h5", "h6", "ul", "ol", "li", "dl", "dt", "dd", "blockquote", "pre", "hr", "table", "thead", "tbody", "tfoot", "tr", "th", "td", "caption", "colgroup", "col" ]); var ALLOWED_PROTOCOLS = /* @__PURE__ */ new Set(["https:", "http:", "mailto:", "tel:"]); var TARGET_KEYWORDS = /* @__PURE__ */ new Set(["_blank", "_self", "_parent", "_top"]); var isNumberBetween = (min, max) => (value) => { const n = Number(value); return Number.isInteger(n) && n >= min && n <= max; }; var Validators = { safeUrl: (value) => { try { return ALLOWED_PROTOCOLS.has(new URL(value, location.href).protocol); } catch { return false; } }, isBoolean: () => true, targetKeyword: (value) => TARGET_KEYWORDS.has(value), isSameOrigin: (value) => { try { return new URL(value, location.href).origin === location.origin; } catch { return false; } }, colspan: isNumberBetween(1, 1e3), rowspan: isNumberBetween(1, 65534), span: isNumberBetween(1, 1e3), unboundedInt: isNumberBetween(-Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER) }; var GENERIC_ATTRS = /* @__PURE__ */ new Set(["title", "aria-label", "hidden", "role", "lang", "dir", "class"]); var TAG_ATTRS = { a: { href: [Validators.safeUrl], target: [Validators.targetKeyword], rel: [] }, q: { cite: [Validators.safeUrl] }, blockquote: { cite: [Validators.safeUrl] }, li: { value: [Validators.unboundedInt] }, ol: { start: [Validators.unboundedInt], reversed: [Validators.isBoolean] }, td: { colspan: [Validators.colspan], rowspan: [Validators.rowspan] }, th: { colspan: [Validators.colspan], rowspan: [Validators.rowspan] }, col: { span: [Validators.span] } }; var PostProcess = { a: (el) => { const href = el.getAttribute("href"); if (!href || Validators.isSameOrigin(href)) return; const rel = new Set((el.getAttribute("rel") || "").split(/\s+/).filter(Boolean)); rel.add("noopener").add("noreferrer"); el.setAttribute("rel", [...rel].join(" ")); } }; var cache = /* @__PURE__ */ new Map(); var parser = new DOMParser(); function sanitize(html) { if (cache.has(html)) return cache.get(html).cloneNode(true); const source = parser.parseFromString(html, "text/html").body; const fragment = document.createDocumentFragment(); walk(source, fragment); cache.set(html, fragment.cloneNode(true)); return fragment; } function walk(source, target) { for (const node of source.childNodes) { if (node.nodeType === Node.TEXT_NODE) { target.appendChild(document.createTextNode(node.textContent)); continue; } if (node.nodeType !== Node.ELEMENT_NODE) continue; const tag = node.tagName.toLowerCase(); if (!ALLOWED_TAGS.has(tag)) continue; const el = document.createElement(tag); walk(node, el); for (const name of GENERIC_ATTRS) { if (node.hasAttribute(name)) el.setAttribute(name, node.getAttribute(name)); } Object.assign(el.dataset, node.dataset); const tagAttrs = TAG_ATTRS[tag]; if (tagAttrs) { for (const [name, validators] of Object.entries(tagAttrs)) { if (!node.hasAttribute(name)) continue; const value = node.getAttribute(name); if (validators.every((fn) => fn(value))) el.setAttribute(name, value); } } PostProcess[tag]?.(el); target.appendChild(el); } } function src_default(Alpine) { const htmlSafeDirective = (el, { expression }, { evaluateLater, effect }) => { let evaluate = evaluateLater(expression); effect(() => { evaluate((value) => { Alpine.mutateDom(() => { el.innerHTML = ""; el.appendChild(sanitize(value ?? "")); el._x_ignoreSelf = true; Alpine.initTree(el); delete el._x_ignoreSelf; }); }); }); }; Alpine.directive("html-safe", htmlSafeDirective); } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })();</script> <script> for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]:not([x-data] [x-data])":"intersect",".product-info [x-data]:not([x-data] [x-data])":"intersect","#filters-content [x-data]:not([x-data] [x-data])":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]:not([x-data] [x-data])":"intersect","#notice-cookie-block":"idle"})) { document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); }</script> <script> (() => { const hasAlpine = new Promise(resolve => { window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); }); const hasInteract = new Promise(resolve => { (events => { const onInteract = () => { resolve(); events.forEach(type => window.removeEventListener(type, onInteract)); } events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) }); const onIntersect = (el) => { return new Promise(resolve => { const observer = new IntersectionObserver(entries => { for (const entry of entries) { if (entry.isIntersecting) { observer.disconnect() resolve(); } } }, {}); observer.observe(el); }); } function runComponent(el) { hasAlpine.then(() => { el.removeAttribute('x-ignore'); queueMicrotask(() => Alpine.initTree(el)); }); } function initDeferredComponents() { document.querySelectorAll('[x-data][x-defer]').forEach(el => { el.setAttribute('x-ignore', ''); const deferUntil = (el.getAttribute('x-defer') || '').trim(); switch (deferUntil) { case 'interact': hasInteract.then(() => runComponent(el)); break; case 'intersect': onIntersect(el).then(() => runComponent(el)) break; case 'idle': window.requestIdleCallback ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) : setTimeout(() => runComponent(el), 4000); break; case 'eager': runComponent(el); break; default: if (deferUntil.startsWith('event:') && deferUntil.length > 6) { window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); } } }); } window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); })();</script> <script type="module" src="https://fixero.com/static/version1791840069/frontend/Hyva/fixero/pl_PL/Hyva_Theme/js/alpine3.min.js" defer crossorigin ></script> <script> function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { if (typeof hyva.getFormKey !== 'function') return; const formKey = hyva.getFormKey(); if (!formKey) return; document.querySelectorAll('input[name="form_key"]').forEach((input) => { input.value = formKey; }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages.replace(/\+/g, '%20'))) : []; dispatchMessages(window.mageMessages); const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); window.addEventListener('pageshow', (event) => { if (event.persisted) { hyva.initFormKey(); } }); hyva.alpineInitialized(hyva.initMessages) }( window.hyva = window.hyva || {} ));</script> <script> (() => { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; browserStorage.removeItem(private_content_key); const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid && cookieVersion) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { if (document.getElementById('default-section-data')) { const privateContent = JSON.parse(document.getElementById('default-section-data').textContent.trim()); dispatchPrivateContent(privateContent); } else { dispatchPrivateContent({}); } } } catch (error) { console.warn('Error retrieving Private Content:', error); } } hyva.alpineInitialized(loadSectionData) window.addEventListener('reload-customer-section-data', loadSectionData); window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: window.processSectionDataBeforeDispatch(data) } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.ok && response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ) .catch(error => { console.warn("Couldn't fetch privateContent", error); }); } })();</script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })()</script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);</script><script> function initConfigurableOptions(productId, optionConfig) { function findPathParam(key) { const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { optionConfig, productId, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), allowedAttributeOptions: [], selectedValues: [], selectedOptions: {}, init() { this.baseInit(); }, baseInit() { this.buildLookupMap(); this.findAllowedAttributeOptions(); this.$nextTick(() => { if (typeof this.optionConfig.defaultValues === 'object') { for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { this.changeOption(attributeId, value + ''); } } this.applyCheckedState(); }); }, applyCheckedState() { this.$root.querySelectorAll('input[data-attribute-id], select[data-attribute-id]').forEach(el => { const val = this.selectedValues[el.dataset.attributeId]; if (!val) return; if (el.tagName === 'SELECT') { el.value = val; this.selectedOptions[el.dataset.attributeId] = el.options[el.selectedIndex]?.text || ''; } else if (el.value === val && this.optionIsActive(el.dataset.attributeId, el.value)) { el.checked = true; this.selectedOptions[el.dataset.attributeId] = el.dataset.optionLabel || ''; } }); }, productIndex: 0, productIndexForPrice: 0, productIndexesMap: null, productIndexesKeys: null, attributeCount: 0, optionIsActive(attributeId, optionId) { return !!this.getAllowedAttributeOptions(attributeId).find( option => option.id === optionId ) }, optionIsDisabled() { const attributeId = this.$el.dataset.attributeId; if (!attributeId) { throw new Error('data-attribute-id missing, in item template'); } return !this.optionIsActive(attributeId, this.$el.value); }, findSimpleIndex() { this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues); }, calculateSimpleIndexForPartialSelection(selectedValues) { if (selectedValues.length === 0) return 0; return this.findProductIdsForPartialSelection(selectedValues)[0]; }, buildLookupMap() { this.productIndexesMap = new Map(); this.attributeCount = Object.keys(this.optionConfig.attributes).length; for (const id in this.optionConfig.index) { const options = this.optionConfig.index[id]; if (! this.productIndexesKeys) { this.productIndexesKeys = Object.keys(options).sort(); } const key = JSON.stringify(options, this.productIndexesKeys); this.productIndexesMap.set(key, id); } }, findAllowedAttributeOptions() { this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); }, calculateAllowedAttributeOptions(selectedValues) { const allAttributes = this.optionConfig.attributes; const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { return a.position - b.position }); const newAllowedAttributeOptions = []; allAttributesSorted.forEach(attribute => { const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { return !!option.products.find(product => { return availableIndexes.includes(product); }) }); }); return newAllowedAttributeOptions; }, calculateAvailableProductIndexes(selectedOptions) { if (Object.keys(selectedOptions).length === 0) { if (Object.values(this.optionConfig.salable || {}).length) { return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) } return Object.keys(this.optionConfig.index); } const selectedIds = Object.keys(selectedOptions); if (Object.values(this.optionConfig.salable || {}).length) { const selectedOptionIndexes = selectedIds.map(attrId => { const optionValue = selectedOptions[attrId]; return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] }) return selectedOptionIndexes.reduce((acc, optionIndexes) => { return acc.filter(index => optionIndexes.includes(index)); }); } else { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).filter(index => { for (const attrId of selectedIds) { if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false } return true }); } }, findAttributeByOptionId(optionId) { for (const attributeId in this.optionConfig.attributes) { const attributeOptions = this.optionConfig.attributes[attributeId].options || []; if (attributeOptions.find(option => option.id === optionId)) { return attributeId; } } }, getAllowedAttributeOptions(attributeId) { return this.allowedAttributeOptions[attributeId] || [] }, getAllAttributeOptions(attributeId) { return ( this.optionConfig.attributes[attributeId] && this.optionConfig.attributes[attributeId].options ) || [] }, getProductIdsForOption(option) { const attributeId = this.findAttributeByOptionId(option.id); const allOptions = this.optionConfig.attributes[attributeId]; const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); return opt && opt.products ? opt.products : []; }, findProductIdsForPartialSelection(optionSelection) { const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { const newCandidates = this.getProductIdsForOption({id: optionId}); return candidates === null ? newCandidates : candidates.filter(productId => newCandidates.includes(productId)); }, null); return candidateProducts || []; }, findCheapestProductForPartialSelection(optionSelection) { const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); return candidateProducts.reduce((cheapest, simpleIdx) => { // in the first iteration we start with simpleIdx as the currently cheapest product if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount ? simpleIdx : cheapest; }, 0) }, removeAttrFromSelection(selectedValues, attributeId) { attributeId = parseInt(attributeId); return selectedValues.reduce((newSelection, val, attr) => { if (attr !== attributeId) { newSelection[attr] = val; } return newSelection; }, []); }, reflectOption(event) { const attributeId = event.target.dataset.attributeId; const label = event.target.dataset.optionLabel || event.target.options?.[event.target.selectedIndex]?.text || ''; this.selectedOptions[attributeId] = label; this.changeOption(attributeId, event.target.value); }, baseChangeOption(attributeId, value) { if (value === '') { this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { this.selectedValues[attributeId] = value; } this.findSimpleIndex(); this.findAllowedAttributeOptions(); this.updatePrices(); this.updateGallery(); }, changeOption(attributeId, value) { this.baseChangeOption(attributeId, value); this.updateFormActionHash(); const candidates = this.findProductIdsForPartialSelection(this.selectedValues); window.dispatchEvent( new CustomEvent( 'configurable-selection-changed', { detail: { productId: this.productId, optionId: attributeId, value: value, productIndex: this.productIndex, selectedValues: this.selectedValues, candidates: candidates, skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean), } } ) ); }, updateFormActionHash() { const form = this.$root.closest('form'); if (!form) return; const url = new URL(form.getAttribute('action'), window.location.href); url.hash = new URLSearchParams(Object.entries(this.selectedValues)).toString(); form.setAttribute('action', url.toString()); }, calculateIsMinimalPrice() { return ! this.isFullSelection(this.selectedValues); }, isFullSelection(selectedValues) { return Object.keys(selectedValues).length === this.attributeCount; }, updatePrices() { const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices; window.dispatchEvent( new CustomEvent( "update-prices-" + this.productId, { detail: Object.assign( value, { isMinimalPrice: this.calculateIsMinimalPrice() } ) } ) ); }, updateGallery () { if (this.productIndex) { const images = this.optionConfig.images[this.productIndex]; images && window.dispatchEvent(new CustomEvent( "update-gallery", { detail: this.sortImagesByPosition(images) } )); } else { window.dispatchEvent(new Event("reset-gallery")); } }, sortImagesByPosition(images) { return images.sort((x, y) => { return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) }); }, preselectQuerystringItems() { // pre-select option like ?size=167 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); }, preselectLocationHashItems() { // pre-select option like #144=167 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); }, preselectItemsBasedOnLocation(getLocationValue) { Object.values(this.optionConfig.attributes).map(attribute => { const v = getLocationValue(attribute); v && this.changeOption(attribute.id, v) }); }, findProductForOptionPrice(attributeId, value) { const options = this.optionConfig.attributes[attributeId]?.options || []; const option = options.find(o => o.id === value); if (!option?.products?.length) return null; return option.products.reduce((cheapest, productId) => { if (!cheapest) return productId; const cheapestPrice = this.optionConfig.optionPrices[cheapest]?.finalPrice?.amount ?? Infinity; const thisPrice = this.optionConfig.optionPrices[productId]?.finalPrice?.amount ?? Infinity; return thisPrice < cheapestPrice ? productId : cheapest; }, null); }, getOptionLabel() { const value = this.$el.value; const attributeId = this.$el.dataset.attributeId; const label = this.$el.dataset.optionLabel || ''; if (!value || !attributeId) return label; const productId = this.findProductForOptionPrice(attributeId, value); if (!productId) return label; const optionPrice = this.optionConfig.optionPrices[productId]?.finalPrice?.amount; const basePrice = this.optionConfig.prices?.finalPrice?.amount; if (optionPrice == null || basePrice == null) return label; const adjustment = optionPrice - basePrice; if (Math.abs(adjustment) < 0.001) return label; const formatted = hyva.formatPrice(Math.abs(adjustment)); return `${label} (${adjustment > 0 ? '+' : '-'}${formatted})`; }, } } </script> <script> function initSwatchOptions() { return { activeTooltipItem: false, tooltipPositionElement: false, isTooltipVisible() { return !!this.activeTooltipItem; }, isCurrentTooltipVisual() { return this.activeTooltipItem && ['color', 'image'].includes(this.activeTooltipItem.type); }, getTooltipImageStyle() { const item = this.activeTooltipItem; if (item?.type === 'color') return { backgroundColor: item.preview, width: `${item.width ?? 90}px`, height: `${item.height ?? 90}px` }; if (item?.type === 'image') return { backgroundImage: `url(${item.preview})`, backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', width: `${item.width ?? 90}px`, height: `${item.height ?? 90}px` }; return null; }, getTooltipPosition() { if (!this.tooltipPositionElement) return null; const el = this.tooltipPositionElement; const elRect = el.getBoundingClientRect(); const left = elRect.left + elRect.width / 2; return { bottom: `${window.innerHeight - elRect.top}px`, left: `${left}px`, translate: '-50% 0' }; }, getTooltipLabel() { return this.activeTooltipItem ? this.activeTooltipItem.label : ''; }, showTooltip(event) { if (!window.matchMedia('(hover: hover) and (pointer: fine)').matches) return; const input = event.currentTarget.querySelector('input'); this.activeTooltipItem = JSON.parse(input.dataset.tooltip); this.tooltipPositionElement = event.currentTarget; }, hideTooltip() { this.activeTooltipItem = false; }, } } </script> <script> const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (() => { const recaptchaFieldSelector = '.g-recaptcha, [data-recaptcha], [name="g-recaptcha-response"]'; const interactionEvents = ['focusin', 'input']; let isScriptRequested = false; const loadRecaptchaScript = () => { if (window.grecaptcha || isScriptRequested) return; isScriptRequested = true; interactionEvents.forEach(type => document.removeEventListener(type, onFormInteraction, true)); const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = '6Lf9lVspAAAAAKF1rqIKqh3h9LkWtJ18uJf1Bd7z'; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); }; /** * Load the reCAPTCHA script on the first interaction with a form that contains a reCAPTCHA field. * * @param {Event} event */ const onFormInteraction = (event) => { if (!event.target.form?.querySelector(recaptchaFieldSelector)) return; loadRecaptchaScript(); }; window.forceLoadRecaptchaScript = () => { loadRecaptchaScript(); executeRecaptchaLoadCallbacks(); }; interactionEvents.forEach(type => document.addEventListener(type, onFormInteraction, true)); })(); </script> <script> document.addEventListener("alpine:init", () => { Alpine.data('hyvaCmsToggle', () => ({ open: false, notOpen() { return !this.open; }, show() { this.open = true }, hide() { this.open = false }, toggle() { this.open = !this.open } })) });</script> <script> window.addEventListener('alpine:init', () => { Alpine.data('mapCmsElement', () => ({ mapEl: null, locations: [], apiKey: null, mapId: null, zoom: 8, showControls: false, mapTarget: null, async init() { this.mapEl = this.$el; this.apiKey = this.mapEl.dataset.apiKey; this.mapId = this.mapEl.dataset.mapId; this.showControls = this.mapEl.getAttribute('data-show-controls') === 'true'; this.mapTarget = this.$refs.mapTarget || this.mapEl; const locationEls = this.mapEl.querySelectorAll('[data-latitude][data-longitude]'); if (!locationEls.length) return; locationEls.forEach((el) => { const lat = parseFloat(el.getAttribute('data-latitude')); const lng = parseFloat(el.getAttribute('data-longitude')); if (isNaN(lat) || isNaN(lng)) return; this.locations.push({ position: { lat, lng }, locationName: el.getAttribute('data-location-name') || '', content: el.innerHTML.trim() }); }); if (!this.locations.length || !this.apiKey) return; this.bootstrapGoogleMaps(); try { await this.renderMap(); } catch (e) { console.error('Google Maps failed to load:', e); } }, bootstrapGoogleMaps() { if (window.google && window.google.maps && window.google.maps.importLibrary) return; (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={});var r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({key: this.apiKey, v: "weekly"}); }, async renderMap() { const { Map, InfoWindow } = await google.maps.importLibrary('maps'); const bounds = []; let activeInfoWindow; const map = new Map(this.mapTarget, { ...(this.mapId ? { mapId: this.mapId } : {}), zoom: this.zoom, center: this.locations[0].position, scrollwheel: false, disableDefaultUI: !this.showControls, mapTypeControl: this.showControls, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT } }); if (this.mapId) { /* If mapId is set use advanced marker */ const { AdvancedMarkerElement } = await google.maps.importLibrary('marker'); this.locations.forEach(({ locationName, content, position }) => { const hasPopup = !!(locationName || content); const marker = new AdvancedMarkerElement({ map, position, title: locationName, gmpClickable: hasPopup }); if (hasPopup) { const infowindow = new InfoWindow({ content, maxWidth: 350 }); marker.addEventListener('gmp-click', () => { if (activeInfoWindow) activeInfoWindow.close(); infowindow.open(map, marker); activeInfoWindow = infowindow; }); } bounds.push(position); }); } else { /* Else use legacy */ const { Marker } = await google.maps.importLibrary('marker'); this.locations.forEach(({ locationName, content, position }) => { const hasPopup = !!(locationName || content); const marker = new Marker({ map, position, title: locationName }); if (hasPopup) { const infowindow = new InfoWindow({ content, maxWidth: 350 }); marker.addListener('click', () => { if (activeInfoWindow) activeInfoWindow.close(); infowindow.open(map, marker); activeInfoWindow = infowindow; }); } bounds.push(position); }); } if (bounds.length > 1) { const latLngBounds = new google.maps.LatLngBounds(); bounds.forEach(b => latLngBounds.extend(b)); map.fitBounds(latLngBounds); } else { map.setCenter(bounds[0]); map.setZoom(this.zoom); } } })); }, { once: true });</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/fixero.com\/","name":"Strona g\u0142\u00f3wna"}}]}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/fixero.com\/","name":"Fixero","logo":"https:\/\/fixero.com\/static\/frontend\/Gtx\/fixero\/pl_PL\/images\/logo.png","description":"FIXERO to sklep internetowy dla ka\u017cdego kto u\u017cywa narz\u0119dzi. Znajdziesz tu narz\u0119dzia takich marek jak Graphite, Graphite Pro, Neo Tools, Topex, Verto, Top Tools.","contactPoint":[{"@type":"ContactPoint","telephone":"+48-22-256-55-50","contactType":"sales"}],"address":{"addressCountry":"PL","postalCode":"02-285","addressRegion":"Mazowieckie","addressLocality":"Warszawa","streetAddress":"Pograniczna 2\/4","@type":"PostalAddress"},"sameAs":["https:\/\/www.facebook.com\/FIXEROCOM\/","https:\/\/www.instagram.com\/fixero_com\/","https:\/\/www.youtube.com\/channel\/UClyDKO6bTb9PlMqc8F7T0jQ"]}</script> <script type="text/json" id="default-section-data"> {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"PL":{"name":"Polska","regions":{"990":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"991":{"code":"PL-04","name":"kujawsko-pomorskie"},"992":{"code":"PL-06","name":"lubelskie"},"993":{"code":"PL-08","name":"lubuskie"},"996":{"code":"PL-14","name":"mazowieckie"},"995":{"code":"PL-12","name":"ma\u0142opolskie"},"997":{"code":"PL-16","name":"opolskie"},"998":{"code":"PL-18","name":"podkarpackie"},"999":{"code":"PL-20","name":"podlaskie"},"1000":{"code":"PL-22","name":"pomorskie"},"1001":{"code":"PL-24","name":"\u015bl\u0105skie"},"1002":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1003":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1004":{"code":"PL-30","name":"wielkopolskie"},"1005":{"code":"PL-32","name":"zachodniopomorskie"},"994":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"data_id":1791953673},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"ampixel-core-event-pool":[],"hyva_commerce_messages":[],"hyva_checkout":[],"hyva-store-credit":[],"gtm":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script><div wire:ignore> <script> window.processSectionDataBeforeDispatch && (window.processSectionDataBeforeDispatch = new Proxy(window.processSectionDataBeforeDispatch, { apply(target, thisArg, [data]) { data.hyva_commerce_messages = data.hyva_commerce_messages || {}; return target.call(thisArg, data); } })); </script> </div></div> <div data-mage-init='{"Amasty_Fpc\/js\/track":{"url":"https:\/\/fixero.com\/amasty_fpc\/reports\/"}}'></div>  <script> function _get(object, path, value) { const pathArray = Array.isArray(path) ? path : path.split('.').filter(key => key) const pathArrayFlat = pathArray.flatMap(part => typeof part === 'string' ? part.split('.') : part) return pathArrayFlat.reduce((obj, key) => obj && obj[key], object) || value; } function whenDocumentReady(fn) { if (document.readyState !== 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } const WeltPixelPersistentLayer = { storageExpiryTime : 30, // specify in seconds; locStorage : hyva.getBrowserStorage(), init(options) { this.storageExpiryTime = options.storageExpiryTime || this.storageExpiryTime; const persistentObject = { persist: {} }; let pushToDatalayer = false; const promoClickObj = this.getPromotionClick(); if (promoClickObj) { persistentObject.persist.persist_promotion = {}; persistentObject.persist.persist_promotion.promotion = promoClickObj; pushToDatalayer = true; } if (pushToDatalayer) { window.dataLayer.push(persistentObject); } }, setItem(key, value) { const storedValue = { expiryTime: new Date(), value: value }; this.locStorage.setItem(key, storedValue); }, getItem(key) { const storedValue = this.locStorage.getItem(key); if (!storedValue) { return false; } if (this.isExpired(storedValue.expiryTime)) { this.removeItem(key); return false; } return storedValue.value; }, removeItem(key) { this.locStorage.removeItem(key); }, isExpired(date) { const currDate = new Date(); const startDate = new Date(date); let difference = (currDate.getTime() - startDate.getTime()) / 1000; difference /= 60; difference = Math.abs(Math.round(difference)); return difference > this.storageExpiryTime; }, setPromotionClick(promoClick) { this.setItem('promo_click', promoClick); }, getPromotionClick() { return this.getItem('promo_click'); } }; const WeltPixelGtm = { promotionViews: [], trackPromotion: function(options) { if (!options.enabled) { return; } whenDocumentReady(() => { const wpPersDl = options.persDataLayer; const promotionElements = document.querySelectorAll('[data-track-promo-id]'); promotionElements.forEach((element) => { this.attachPromotionClickEventListener(element, wpPersDl); this.addToPromotionViewDataLayer(element); }); if (this.promotionViews.length) { window.dataLayer.push({ 'event': 'promotionView', 'ecommerce': { 'promoView': { 'promotions': this.promotionViews } } }); } }); }, addToPromotionViewDataLayer(element) { const promoId = element.getAttribute('data-track-promo-id'), promoName = element.getAttribute('data-track-promo-name'), promoCreative = element.getAttribute('data-track-promo-creative'), promoPosition = element.getAttribute('data-track-promo-position'); this.promotionViews.push({ 'id': promoId, 'name': promoName, 'creative': promoCreative, 'position': promoPosition }); }, attachPromotionClickEventListener(element, wpPersDl) { element.addEventListener('click', (event) => { const $this = event.target; const promoId = $this.getAttribute('data-track-promo-id'), promoName = $this.getAttribute('data-track-promo-name'), promoCreative = $this.getAttribute('data-track-promo-creative'), promoPosition = $this.getAttribute('data-track-promo-position'); const promoObj = { 'id': promoId, 'name': promoName, 'creative': promoCreative, 'position': promoPosition }; window.dataLayer.push({ 'event': 'promotionClick', 'ecommerce': { 'promoClick': { 'promotions': [promoObj] } } }); wpPersDl.setPromotionClick(promoObj); } , false); } }; window.addEventListener('private-content-loaded', (event) => { const dataLayerData = JSON.parse(_get(event, 'detail.data.gtm.datalayer') || '[]'); dataLayerData.forEach((dataLayerItem) => { window.dataLayer.push(dataLayerItem); }); const wpPersDlOptions = { 'storageExpiryTime': 30 }; const wpGtmOptions = { 'enabled' : 0, 'persDataLayer' : WeltPixelPersistentLayer }; WeltPixelPersistentLayer.init(wpPersDlOptions); WeltPixelGtm.trackPromotion(wpGtmOptions); }); whenDocumentReady(() => { if (typeof window.Livewire === 'undefined') { return; } window.Livewire.on('shipping_method_selected', (data) => { window.dataLayer.push({ 'event': 'checkoutOption', 'eventLabel': 'Checkout Steps', 'ecommerce': { 'checkout_option': { 'actionField': { 'step': 2, 'option': _get(data, 'code', '') } } } }); }); window.Livewire.on('payment_method_selected', (data) => { window.dataLayer.push({ 'event': 'checkoutOption', 'eventLabel': 'Checkout Steps', 'ecommerce': { 'checkout_option': { 'actionField': { 'step': 3, 'option': _get(data, 'method', '') } } } }); }); }); </script> <script> window.amlazy = function() { if (typeof window.amlazycallback !== "undefined") { setTimeout(window.amlazycallback, 500); setTimeout(window.amlazycallback, 1500); } }</script><script>!(function(){var h=window.addEventListener||function(n,f){window.attachEvent("on"+n,f)},removeEventListener=window.removeEventListener||function(n,f,b){window.detachEvent("on"+n,f)};var j={cache:[],mobileScreenSize:500,observersAdded:false,attributes:{data_src:"data-amsrc",data_srcset:"data-amsrcset",data_src_mobile:"data-src-mobile"},addObservers:function(){if(!this.observersAdded){h("scroll",j.throttledLoad);h("resize",j.throttledLoad);this.observersAdded=true}},removeObservers:function(){removeEventListener("scroll",j.throttledLoad,false);removeEventListener("resize",j.throttledLoad,false);this.observersAdded=false},throttleTimer:new Date().getTime(),throttledLoad:function(){var a=new Date().getTime();if((a-j.throttleTimer)>=200){j.throttleTimer=a;j.loadVisibleImages()}},loadVisibleImages:function(){var a=window.pageYOffset||document.documentElement.scrollTop;var b=window.innerHeight||document.documentElement.clientHeight;var c={min:a-200,max:a+b+200};var i=0;while(i<j.cache.length){var d=j.cache[i];var e=getOffsetTop(d);var f=d.height||0;if((e>=c.min-f)&&(e<=c.max)){var g=d.getAttribute(this.attributes.data_src_mobile);d.onload=function(){this.className=this.className.replace(/(^|\s+)lazy-load(\s+|$)/,"$1lazy-loaded$2")};if(g&&screen.width<=j.mobileScreenSize){d.src=g}else{const srcImage=d.getAttribute(this.attributes.data_src);if(srcImage!==null){d.src=srcImage}const srcsetImage=d.getAttribute(this.attributes.data_srcset);if(srcsetImage!==null){d.srcset=srcsetImage}}d.removeAttribute(this.attributes.data_srcset);d.removeAttribute(this.attributes.data_src);d.removeAttribute(this.attributes.data_src_mobile);j.cache.splice(i,1);continue}i++}if(j.cache.length===0){j.removeObservers()}},init:function(){if(!document.querySelectorAll){document.querySelectorAll=function(a){var b=document,head=b.documentElement.firstChild,styleTag=b.createElement("STYLE");head.appendChild(styleTag);b.__qsaels=[];styleTag.styleSheet.cssText=a+"{x:expression(document.__qsaels.push(this))}";window.scrollBy(0,0);return b.__qsaels}}var c=document.querySelectorAll(`img[${this.attributes.data_src}],img[${this.attributes.data_srcset}]`);for(var i=0;i<c.length;i++){var d=c[i];if(j.cache.indexOf(d)==-1){j.cache.push(d)}}j.addObservers();j.loadVisibleImages()}};function getOffsetTop(a){var b=0;if(a.offsetParent){do{b+=a.offsetTop}while(a=a.offsetParent);return b}}j.init();window.amlazycallback=j.init.bind(j)})();</script></body> </html>