Oddzwonienie

20

Ramki Przejściowe
</li> </ul> </nav> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://dev.beatcar.eu/pl/fascia-adapters", "name": "Ramki Przejściowe" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://dev.beatcar.eu/pl/fascia-adapters/adapter-frame-audi-q3-1-2011-2018-9-410483", "name": "<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" } } ] } </script> <main> <div class="content-top-box"></div> <div id="content" class="pr-product-main position-relative"> <div class="pr-product-main-block col-lg-7 col-xl-8"> <div class="pr-product-tabs sticky-top bg-white br-12 mb-3 overflow-hidden pr-sticky-column"> <div id="oct-tabs" class="pr-product-tabs-box d-flex align-items-stretch w-100 overflow-x-auto fsz-14 fw-500 dark-text"> <div data-tab-target=".pr-product-tab-main-content" class="pr-product-tabs-item d-flex align-items-center justify-content-center active"> Wszystko o produkcie </div> <div data-tab-target=".pr-product-tab-description" class="pr-product-tabs-item d-flex align-items-center justify-content-center"> Opis </div> <div data-tab-target=".pr-product-tab-reviews" class="pr-product-tabs-item pr-product-review-toggle d-flex align-items-center justify-content-center gap-2"> Recenzje <span class="pr-product-tabs-badge d-grid fsz-10 fw-700">0</span> </div> <div data-tab-target=".pr-product-tab-faq" class="pr-product-tabs-item d-flex align-items-center justify-content-center"> Pytania<span class="pr-product-tabs-badge d-grid fsz-10 ms-2 fw-700">0</span> </div> </div> <script> window.addEventListener('DOMContentLoaded', () => { octProductTabs(); }); </script> </div> <div class="content-block pr-product-tab-main-content pr-product-tab-content"> <div class="row flex-column flex-xl-row g-3 g-lg-4"> <div class="col-xl-5"> <div class="pr-product-images sticky-top pr-sticky-column pr-product-sticky-block-column z-1"> <div class="pr-product-images-main swiper" style="aspect-ratio: 800 / 800;"> <div class="swiper-wrapper mb-5 mb-xl-0"> <div class="swiper-slide"> <span data-fancybox="gallery" data-src="https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-800x800.jpg" class="oct-gallery d-block"> <img src="https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-800x800.jpg" class="d-block mx-auto" alt="<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" title="<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" width="800" height="800" loading="lazy" /> </span> </div> </div> <div class="swiper-button swiper-button-next button button-light p-2" tabindex="0" role="button" aria-label="Next slide"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"> <path d="M1 13L7 7L1 1" stroke="#121715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="swiper-button swiper-button-prev button button-light p-2" tabindex="0" role="button" aria-label="Previous slide"> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"> <path d="M7 1L1 7L7 13" stroke="#121715" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="swiper-pagination"></div> </div> <div class="pr-product-images-additional mt-3 mt-lg-4 swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <span class="pr-product-images-additional-item d-block" data-href="https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-800x800.jpg"> <img src="https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-80x80.jpg" title="<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" alt="<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" width="80" height="80" /> </span> </div> </div> </div> <script> window.addEventListener('DOMContentLoaded', () => { function sliderProducts() { var sliderProducts = $('.pr-product-images-main .oct-gallery'); sliderProducts.on('click', function(e) { e.preventDefault(); var totalSlides = $(this).parents('.pr-product-images-main').find('.swiper-slide').length, dataIndex = $(this).parents('.swiper-slide').data('swiper-slide-index'); $.fancybox.open(sliderProducts, {backFocus: false, hideScrollbar: false, loop : true}, dataIndex); return false; }); } sliderProducts(); var additionalImagesSwiper = new Swiper(".pr-product-images-additional", { loop: true, spaceBetween: 8, slidesPerView: 8, slideToClickedSlide: true, speed: 500, breakpoints: { 0: { slidesPerView: 5, loop: false, }, 360: { slidesPerView: 6, loop: false, }, 420: { slidesPerView: 7, loop: false, }, 576: { slidesPerView: 10, loop: false, }, 768: { slidesPerView: 14, loop: false, }, 992: { slidesPerView: 12, loop: false, }, 1200: { slidesPerView: 5, loop: false, }, 1400: { slidesPerView: 7, loop: false, }, 1600: { slidesPerView: 8, loop: false, } } }); const mainImageSwiperContainer = document.querySelector('.pr-product-images-main'); let mainImagesSwiper; function initMainSwiper() { mainImagesSwiper = new Swiper('.pr-product-images-main', { loop: true, spaceBetween: 0, slidesPerView: 1, slideToClickedSlide: true, speed: 500, navigation: { enabled: true, nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, thumbs: { swiper: additionalImagesSwiper, }, }); } requestAnimationFrame(() => { initMainSwiper(); }); $(document).on('click', '.pr-product-video-slide .pr-product-video-wrapper', function(e) { e.preventDefault(); const videoId = $(this).closest('.pr-product-video-slide').data('video-id'); const iframe = `<iframe width="100%" height="100%" src="https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="pr-product-video-iframe">`; $(this).html(iframe); }); $(document).on('click', '.pr-product-video-thumb', function(e) { const allThumbs = $('.pr-product-images-additional .swiper-slide'); const clickedIndex = $(this).closest('.swiper-slide').index(); if (mainImagesSwiper) { mainImagesSwiper.slideToLoop(clickedIndex); } }); stickyColumn(); });

</h1> </div> <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-sm-between gap-3 mt-4 pb-4 border-bottom"> <div class="pr-module-item-rating d-flex align-items-center"> <div class="pr-module-item-rating-stars d-flex align-items-center me-2" data-rating="0"> <span class="pr-module-item-rating-star"> <span class="pr-module-item-rating-star-inner"></span> </span> <span class="pr-module-item-rating-star"> <span class="pr-module-item-rating-star-inner"></span> </span> <span class="pr-module-item-rating-star"> <span class="pr-module-item-rating-star-inner"></span> </span> <span class="pr-module-item-rating-star"> <span class="pr-module-item-rating-star-inner"></span> </span> <span class="pr-module-item-rating-star"> <span class="pr-module-item-rating-star-inner"></span> </span> </div> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M4.20107 7C4.20107 7.16569 4.06676 7.3 3.90107 7.3C3.73539 7.3 3.60107 7.16569 3.60107 7M4.20107 7C4.20107 6.83431 4.06676 6.7 3.90107 6.7C3.73539 6.7 3.60107 6.83431 3.60107 7M4.20107 7H3.60107M6.90107 7C6.90107 7.16569 6.76676 7.3 6.60107 7.3C6.43539 7.3 6.30107 7.16569 6.30107 7M6.90107 7C6.90107 6.83431 6.76676 6.7 6.60107 6.7C6.43539 6.7 6.30107 6.83431 6.30107 7M6.90107 7H6.30107M9.60107 7C9.60107 7.16569 9.46676 7.3 9.30107 7.3C9.13539 7.3 9.00107 7.16569 9.00107 7M9.60107 7C9.60107 6.83431 9.46676 6.7 9.30107 6.7C9.13539 6.7 9.00107 6.83431 9.00107 7M9.60107 7H9.00107M2.35843 2.75736C4.70158 0.414214 8.50057 0.414214 10.8437 2.75736C13.1869 5.1005 13.1869 8.8995 10.8437 11.2426C8.9095 13.1769 5.98325 13.5144 3.70277 12.2553L1.55314 12.7714C1.1175 12.876 0.725061 12.4836 0.829653 12.0479L1.34575 9.8983C0.0866548 7.61783 0.424217 4.69158 2.35843 2.75736Z" stroke="#9DA4AE" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="pr-module-item-rating-count ms-1 fsz-12 fw-500 dark-text">0</span> <span class="blue-link fsz-12 ms-2 fw-500 pr-scroll-to-reviews">Zostaw recenzję</span> </div> <span class="pr-product-main-info-code grey-text fsz-12 fw-500">Kod produktu: 26934</span> <span class="pr-product-main-info-code grey-text fsz-12 fw-500">SKU: ac-26934</span> </div> <div class="pr-product-sticky-block col-lg-5 col-xl-4"> <div class="d-flex flex-column gap-lg-3 ms-lg-4 sticky-top pr-sticky-column pr-product-sticky-block-column"> <div id="product" class="content-block pr-product-actions order-0 order-lg-1 d-flex flex-column gap-4 overflow-y-auto" data-product-id="410483"> <div class="pr-product-actions-info d-flex flex-column gap-3 pb-4 border-bottom position-relative"> <div class="pr-product-actions-buttons d-flex gap-2 position-absolute end-0"> <button class="pr-module-item-button pr-module-item-button-wishlist button button-light p-2" onclick="wishlist.add('410483');" title="Zapamiętaj produkt" aria-label="Wishlist button"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"> <path d="M6.80165 3.0415L6.80078 3.03971M6.80078 3.03971C6.50027 2.41728 5.76091 0.9104 3.86208 0.9104C2.23678 0.9104 0.742537 2.59985 0.802528 4.43946C0.843052 5.80634 1.7624 6.92471 2.84224 7.98094C3.91774 9.03293 4.92721 9.98253 5.65768 10.66C6.30491 11.2603 7.29817 11.2601 7.94521 10.6596C8.67584 9.98149 9.68533 9.03145 10.7593 7.98094C11.8392 6.92471 12.7585 5.80634 12.799 4.43946C12.859 2.59985 11.3648 0.9104 9.73948 0.9104C7.84066 0.9104 7.10129 2.41728 6.80078 3.03971ZM6.80078 3.03971L6.79991 3.0415" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <button class="pr-module-item-button pr-module-item-button-compare button button-light p-2" onclick="compare.add('410483');" title="Porównaj produkty" aria-label="Compare button"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"> <path d="M1.40039 11.2103H10.4004C11.3945 11.2103 12.2004 10.4044 12.2004 9.41025V7.61025M1.40039 11.2103L3.20039 9.41025M1.40039 11.2103L3.20039 13.0103M12.2004 2.81025H3.20039C2.20628 2.81025 1.40039 3.61614 1.40039 4.61025L1.40039 6.41025M12.2004 2.81025L10.4004 4.61025M12.2004 2.81025L10.4004 1.01025" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <div class="pr-product-actions-stock fsz-14 fw-500 green"> W magazynie </div> <div class="pr-product-price d-flex flex-column"> <div class="pr-product-price-new fw-600 fsz-28">zł101.96</div> </div> </div> <div class="pr-product-buttons d-flex flex-column gap-4 pb-4 border-bottom"> <div class="d-flex align-items-stretch gap-4"> <div class="pr-product-buttons-quantity buttons-quantity button-quantity position-relative"> <input class="number fw-500 border-end-0 p-0 text-center fsz-14 fw-500" type="number" name="quantity" value="1" id="input-quantity" aria-label="Quantity" inputmode="numeric"> <div class="controls d-flex flex-column"> <button class="plus p-0" type="button" onclick="updateValueProduct(false, true, false);" aria-label="Increase quantity"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 6 6" fill="none"> <path d="M3.40002 0.997314V4.99731M1.40002 2.99731H5.40002" stroke="#E5E9EF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <button class="minus p-0" type="button" onclick="updateValueProduct(true, false, false);" aria-label="Decrease quantity"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="3" viewBox="0 0 6 2" fill="none"> <path d="M1.40002 0.999023H5.40002" stroke="#E5E9EF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <input id="oct-product-id" type="hidden" name="product_id" value="410483"/> <input type="hidden" id="min-product-quantity" value="1" name="min_quantity"> <input type="hidden" id="max-product-quantity" value="99" name="max_quantity"> </div> </div> <button id="button-cart" data-product-id="410483" data-loading-text="Ładowanie..." type="button" class="button button-primary large flex-grow-1 fsz-14 gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 19 19" fill="none"> <path d="M15.9031 14.1665H7.4931C6.33794 14.1665 5.34659 13.3437 5.1337 12.2084L3.34511 2.66919C3.20318 1.91227 2.54228 1.36377 1.77218 1.36377H1.5M6.70111 16.9671C6.70111 17.1881 6.52198 17.3672 6.30102 17.3672C6.08006 17.3672 5.90094 17.1881 5.90094 16.9671M6.70111 16.9671C6.70111 16.7461 6.52198 16.567 6.30102 16.567C6.08006 16.567 5.90094 16.7461 5.90094 16.9671M6.70111 16.9671H5.90094M15.503 16.9671C15.503 17.1881 15.3239 17.3672 15.1029 17.3672C14.8819 17.3672 14.7028 17.1881 14.7028 16.9671M15.503 16.9671C15.503 16.7461 15.3239 16.567 15.1029 16.567C14.8819 16.567 14.7028 16.7461 14.7028 16.9671M15.503 16.9671H14.7028M3.4004 2.96411H15.8993C16.8784 2.96411 17.6279 3.83534 17.4817 4.8034L16.7568 9.60442C16.6386 10.3871 15.9659 10.9658 15.1744 10.9658H4.90072L3.4004 2.96411Z" stroke="#FFFDFF" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="button-text">Do koszyka</span> </button> </div> <button type="button" class="button button-light button-large w-100 fsz-14" onclick="octPopPurchase('410483')">Szybkie zamówienie</button> </div> <link rel="stylesheet" href="catalog/view/theme/oct_promo/stylesheet/intlTelInput.css" /> <script src="catalog/view/theme/oct_promo/js/intlTelInput.min.js"></script> <div class="pr-buyoneclick p-0"> <span class="dark-text fsz-14 fw-700">Kup ten produkt jednym kliknięciem:</span> <form action="javascript:;" id="oct_purchase_byoneclick_form_product" method="post" class="d-flex flex-column flex-lg-row align-items-stretch gap-3 mt-2"> <div class="input-group"> <input type="tel" inputmode="numeric" name="mask_telephone_display" placeholder="Numer telefonu" id="one_click_input__product" class="one_click_input form-control" value="" /> <input type="hidden" id="one_click_telephone__product" name="telephone" value="" /> <input type="hidden" name="product_id" value="410483" /> <input type="hidden" name="oct_byoneclick" value="1" /> <input type="hidden" name="popup_csrf_token" value="0719e73c6a261526dc4c1917969721810c19423f6ae35372d7711de8b4a91a41" /> <button class="button button-light pr-buy-one-click-btn pr-product-one-click-btn" type="button" aria-label="Send"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"> <path d="M15.8332 4.66663L14.1665 6.33329M11.2498 2.99996V5.08329M17.4998 9.24996H15.4165M12.2917 14.2397L13.5675 12.9638C14.092 12.4393 14.8933 12.3093 15.5567 12.641L17.3803 13.5528C18.1632 13.9443 18.5283 14.8605 18.2291 15.6831L17.4864 17.7257C17.2181 18.4635 16.4817 18.9337 15.7056 18.815C7.87071 17.6173 2.88254 12.6291 1.68478 4.79415C1.56614 4.01808 2.03626 3.28174 2.77408 3.01344L4.81671 2.27067C5.63934 1.97153 6.55554 2.33662 6.947 3.11953L7.85877 4.94308C8.19049 5.60652 8.06046 6.40781 7.53596 6.93231L6.26013 8.20814C7.12177 10.7931 9.70671 13.378 12.2917 14.2397Z" stroke="#0C296A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="button-text">Kup</span> </button> </div> </form> </div> <script> (function() { const pageId = '_product'; const defaultCountry = 'ua'; const phoneMasksData = (() => { try { return []; } catch (e) { console.warn('Failed to parse phone masks:', e); return {}; } })(); const allowedCountriesData = (() => { try { return []; } catch (e) { console.warn('Failed to parse allowed countries:', e); return []; } })(); if (!window.byoneclickConfigs) { window.byoneclickConfigs = {}; } window.byoneclickConfigs[pageId] = { defaultCountry: defaultCountry, phoneMasksData: phoneMasksData, allowedCountriesData: allowedCountriesData, itiInstance: null }; function updatePhoneField(pageId) { const config = window.byoneclickConfigs[pageId]; if (!config || !config.itiInstance) return ''; const telInput = document.querySelector('#one_click_input_' + pageId); if (!telInput) return ''; const selectedCountryData = config.itiInstance.getSelectedCountryData(); const dialCode = selectedCountryData.dialCode || ''; let rawValue = telInput.value.replace(/\D/g, ''); if (rawValue.length > 15) { rawValue = rawValue.substring(0, 15); } const fullNumber = rawValue ? '+' + dialCode + rawValue : ''; const hiddenField = document.querySelector('#one_click_telephone_' + pageId); if (hiddenField) { hiddenField.value = fullNumber; } return fullNumber; } function applyInputMask(pageId) { const config = window.byoneclickConfigs[pageId]; if (!config || !config.itiInstance) return; const telInput = document.querySelector('#one_click_input_' + pageId); if (!telInput) return; const countryData = config.itiInstance.getSelectedCountryData(); const countryCode = countryData.iso2 || 'ua'; let maskData = config.phoneMasksData[countryCode]; let mask = null; if (maskData && typeof maskData === 'object' && maskData.mask) { mask = maskData.mask; } else if (typeof maskData === 'string') { mask = maskData; } if (!mask) { const defaultMasks = { 'ua': '99 999 99 99', 'pl': '999 999 999', 'us': '(999) 999-9999', 'ca': '(999) 999-9999', 'gb': '99999 999999', 'de': '9999 99999999', 'fr': '9 99 99 99 99', 'it': '999 999 9999', 'es': '999 99 99 99', 'ru': '(999) 999-99-99', 'by': '(99) 999-99-99', }; mask = defaultMasks[countryCode]; } if (!mask) { const dialCodeLength = countryData.dialCode.length; if (dialCodeLength === 1) { mask = '(999) 999-9999'; } else if (dialCodeLength === 2) { mask = '99 999 99 99'; } else { mask = '999 999 9999'; } } $(telInput).inputmask('remove'); $(telInput).inputmask({ mask: mask, clearMaskOnLostFocus: false, onincomplete: function() { updatePhoneField(pageId); }, oncomplete: function() { updatePhoneField(pageId); }, oncleared: function() { updatePhoneField(pageId); } }); const placeholderText = mask.replace(/9/g, '_'); telInput.setAttribute('placeholder', placeholderText); } function initIntlTelInput(pageId) { const config = window.byoneclickConfigs[pageId]; if (!config) return; const telInput = document.querySelector('#one_click_input_' + pageId); if (!telInput) return; if (telInput.classList.contains('iti__tel-input')) { return; } if (config.itiInstance) { config.itiInstance.destroy(); } const itiOptions = { initialCountry: config.defaultCountry, separateDialCode: true, useFullscreenPopup: pageId === '_product' }; if (config.allowedCountriesData && config.allowedCountriesData.length > 0) { itiOptions.onlyCountries = config.allowedCountriesData; if (config.allowedCountriesData.length === 1) { itiOptions.allowDropdown = false; } } config.itiInstance = window.intlTelInput(telInput, itiOptions); applyInputMask(pageId); const hiddenField = document.querySelector('#one_click_telephone_' + pageId); if (hiddenField && hiddenField.value) { const phoneNumber = hiddenField.value; if (config.itiInstance.isValidNumber()) { config.itiInstance.setNumber(phoneNumber); applyInputMask(pageId); updatePhoneField(pageId); } } telInput.addEventListener('input', function(e) { updatePhoneField(pageId); }); telInput.addEventListener('paste', function(e) { setTimeout(function() { updatePhoneField(pageId); }, 10); }); telInput.addEventListener('countrychange', function() { applyInputMask(pageId); updatePhoneField(pageId); }); telInput.addEventListener('blur', function() { updatePhoneField(pageId); }); } if (!window.initializePhoneMask) { window.initializePhoneMask = function() { if (window.byoneclickConfigs) { Object.keys(window.byoneclickConfigs).forEach(function(configPageId) { setTimeout(function() { initIntlTelInput(configPageId); }, 100); }); } }; } $(document).ready(function() { setTimeout(function() { initIntlTelInput(pageId); }, 100); }); })(); </script> <script> (function() { if (!window.byoneclickSmsTimerInterval) { window.byoneclickSmsTimerInterval = null; } function startSmsTimer(seconds, isBlocking = false) { clearInterval(window.byoneclickSmsTimerInterval); let remaining = seconds; if (isBlocking) { $('#sms-timer-byoneclick').hide(); $('#btn-verify-sms-byoneclick').prop('disabled', true); $('#btn-resend-sms-byoneclick').prop('disabled', true); $('#sms-code-input-byoneclick').prop('disabled', true).val(''); $('#sms-error-byoneclick').removeClass('d-none alert-danger').addClass('alert-warning'); } window.byoneclickSmsTimerInterval = setInterval(function() { if (isBlocking) { $('#sms-error-byoneclick').html('Przekroczono\u0020liczb\u0119\u0020pr\u00F3b.\u0020Poczekaj\u0020\u003Cstrong\u003E\u0025s\u003C\/strong\u003E\u0020sekund'.replace('%s', '<strong>' + remaining + '</strong>')); } else { $('#timer-seconds-byoneclick').text(remaining); } remaining--; if (remaining <= 0) { clearInterval(window.byoneclickSmsTimerInterval); window.byoneclickSmsTimerInterval = null; if (isBlocking) { $('#sms-error-byoneclick').addClass('d-none'); } else { $('#sms-timer-byoneclick').hide(); $('#sms-error-byoneclick').addClass('d-none'); } $('#btn-resend-sms-byoneclick').prop('disabled', false); $('#btn-verify-sms-byoneclick').prop('disabled', false); $('#sms-code-input-byoneclick').prop('disabled', false).val('').focus(); } }, 1000); } $('#smsVerificationModalByoneclick').on('shown.bs.modal', function() { $('#sms-code-input-byoneclick').val('').prop('disabled', false); $('#btn-verify-sms-byoneclick').prop('disabled', false); $('#sms-error-byoneclick').addClass('d-none'); setTimeout(function() { const input = document.getElementById('sms-code-input-byoneclick'); if (input) { input.focus(); if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) { input.setSelectionRange(0, 0); } } }, 400); }); $('#smsVerificationModalByoneclick').on('hidden.bs.modal', function () { clearInterval(window.byoneclickSmsTimerInterval); window.byoneclickSmsTimerInterval = null; }); $(document).on('click', '#btn-verify-sms-byoneclick', function() { const code = $('#sms-code-input-byoneclick').val().trim(); if (code.length !== 4) { $('#sms-error-byoneclick').removeClass('d-none alert-warning').addClass('alert-danger').text('Kod\u0020powinien\u0020zawiera\u0107\u00204\u0020cyfry'); return; } $.ajax({ url: 'index.php?route=octemplates/module/oct_popup_purchase/verifySmsCode', type: 'post', data: { sms_code: code, popup_csrf_token: $('input[name="popup_csrf_token"]').val() }, dataType: 'json', beforeSend: function() { $('#btn-verify-sms-byoneclick').prop('disabled', true).html('<span class="spinner-border spinner-border-sm"></span>'); }, success: function(json) { $('#btn-verify-sms-byoneclick').html('Potwierd\u017A'); if (json.error) { if (json.attempts_exceeded && json.retry_after) { startSmsTimer(json.retry_after, true); } else { $('#btn-verify-sms-byoneclick').prop('disabled', false); $('#sms-error-byoneclick').removeClass('d-none alert-warning').addClass('alert-danger').text(json.error); } return; } if (json.success) { $('#btn-verify-sms-byoneclick').prop('disabled', false); $('#smsVerificationModalByoneclick').modal('hide'); let successOption = `<div class="pr-popup-success d-flex flex-column align-items-center text-center p-4"> <div class="mb-3">${json.success}</div> <div class="d-flex align-items-center justify-content-center mb-4"> <svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" viewBox="0 0 164 164" fill="none" class="oct-success-svg"> <rect class="oct-outer-circle" width="164" height="164" rx="82" fill="#E0FFE5"/> <rect class="oct-inner-circle" x="32" y="32" width="100" height="100" rx="50" fill="#4CD964"/> <path class="oct-checkmark" d="M100.04 68.6039L97.6421 66.6739C96.4601 65.7239 95.7731 65.7349 94.7611 66.9849L77.3321 88.4939L69.2211 81.7549C68.1021 80.8149 67.4021 80.8649 66.4821 82.0149L64.6311 84.4249C63.6921 85.6069 63.8121 86.2779 64.9221 87.2049L76.4821 96.7669C77.6721 97.7669 78.3421 97.6639 79.2621 96.5449L100.341 71.4839C101.331 70.2939 101.271 69.5829 100.04 68.6039Z" fill="white"/> </svg> </div> </div>`; $('#oct_purchase_byoneclick_form_product #one_click_input').val(''); $('#oct_purchase_byoneclick_form_product #one_click_input').removeClass('error_style'); $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').prop('disabled', true); let cartIdsHolder = document.querySelector("[data-cart-ids]"); if (cartIdsHolder) { if (window.interactiveButtonsManager && window.interactiveButtonsManager.initialized) { window.interactiveButtonsManager.remove('410483', 'cart'); } cartIdsHolder.dataset.cartIds = ''; } let successModal = ` <div class="modal fade" id="oct-modal" tabindex="-1" aria-labelledby="oct-modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-4 bg-grey"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between dark-text" id="oct-modal">Dzi\u0119kujemy\u0020za\u0020zam\u00F3wienie\u0021</h5> <button type="button" class="btn-close br-8 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> ${successOption} </div> </div> </div> </div> `; $('body').append(successModal); let $modal = $('#oct-modal'); let $quickViewModal = $('#quickViewModal'); if ($quickViewModal.length) { $quickViewModal.modal('hide'); } $modal.modal('show'); setTimeout(function () { $modal.modal('hide'); setTimeout(function() { $('#oct-modal').remove(); }, 300); }, 5000); $('#oct_purchase_byoneclick_form_product').trigger('reset'); } } }); }); $(document).on('click', '#btn-resend-sms-byoneclick', function() { $.ajax({ url: 'index.php?route=octemplates/module/oct_popup_purchase/resendSmsCode', type: 'post', data: { popup_csrf_token: $('input[name="popup_csrf_token"]').val() }, dataType: 'json', beforeSend: function() { $('#btn-resend-sms-byoneclick').prop('disabled', true); }, success: function(json) { if (json.error) { $('#sms-error-byoneclick').removeClass('d-none').addClass('alert-danger').text(json.error); $('#btn-resend-sms-byoneclick').prop('disabled', false); return; } if (json.success) { $('#sms-error-byoneclick').addClass('d-none'); $('#sms-code-input-byoneclick').val('').focus(); prNotify('success', json.success); startSmsTimer(60, false); } } }); }); $(document).on('input', '#sms-code-input-byoneclick', function() { this.value = this.value.replace(/[^0-9]/g, ''); if (this.value.length === 4) { setTimeout(function() { $('#btn-verify-sms-byoneclick').trigger('click'); }, 300); } }); $(document).on("change paste keyup", "#one_click_input__product", function() { $(this).removeClass('error_style'); }); $(document).off('click.byoneclick_product').on('click.byoneclick_product', '#oct_purchase_byoneclick_form_product .pr-product-one-click-btn', function(e) { e.preventDefault(); e.stopImmediatePropagation(); $.ajax({ type: 'post', dataType: 'json', url: 'index.php?route=octemplates/module/oct_popup_purchase/makeorder', cache: false, data: $('#oct_purchase_byoneclick_form_product').serialize(), beforeSend: function() { masked('body', true); $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').data('original-content', $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').html()); $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true); }, complete: function() { masked('body', false); setTimeout(function () { $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').html($('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').data('original-content')).prop('disabled', false); }, 600); }, success: function(json) { if (json.sms_required || json.show_sms_modal) { $('.modal').not('#smsVerificationModalByoneclick').modal('hide'); $('.pr-sidebar-cart').removeClass('active'); $('header').removeClass('sidebar-opened'); $('#overlay').removeClass('active'); $('body').removeClass('overflow-hidden'); const timerValue = json.timer || 60; $('#timer-seconds-byoneclick').text(timerValue); $('#sms-timer-byoneclick').show(); $('#sms-code-input-byoneclick').val('').prop('disabled', false); $('#btn-verify-sms-byoneclick').prop('disabled', false); $('#btn-resend-sms-byoneclick').prop('disabled', true); $('#sms-error-byoneclick').addClass('d-none'); startSmsTimer(timerValue, false); if (json.message) { prNotify('success', json.message); } $('#smsVerificationModalByoneclick').modal('show'); setTimeout(function() { const input = document.getElementById('sms-code-input-byoneclick'); if (input) { input.focus(); if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) { input.setSelectionRange(0, 0); } } }, 400); return; } if (json.error) { let errorOption = ''; $.each(json.error, function(i, val) { if (val) { $('#oct_purchase_byoneclick_form_product [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; } }); prNotify('danger', errorOption); } else { if (json.success) { $(this).attr( "disabled", "disabled" ); successOption = `<div class="pr-popup-success d-flex flex-column align-items-center text-center p-4"> <div class="mb-3">${json.success}</div> <div class="d-flex align-items-center justify-content-center mb-4"> <svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" viewBox="0 0 164 164" fill="none" class="oct-success-svg"> <rect class="oct-outer-circle" width="164" height="164" rx="82" fill="#E0FFE5"/> <rect class="oct-inner-circle" x="32" y="32" width="100" height="100" rx="50" fill="#4CD964"/> <path class="oct-checkmark" d="M100.04 68.6039L97.6421 66.6739C96.4601 65.7239 95.7731 65.7349 94.7611 66.9849L77.3321 88.4939L69.2211 81.7549C68.1021 80.8149 67.4021 80.8649 66.4821 82.0149L64.6311 84.4249C63.6921 85.6069 63.8121 86.2779 64.9221 87.2049L76.4821 96.7669C77.6721 97.7669 78.3421 97.6639 79.2621 96.5449L100.341 71.4839C101.331 70.2939 101.271 69.5829 100.04 68.6039Z" fill="white"/> </svg> </div> </div>`; $('#oct_purchase_byoneclick_form_product #one_click_input').val(''); $('#oct_purchase_byoneclick_form_product #one_click_input').removeClass('error_style'); $('#oct_purchase_byoneclick_form_product .pr-product-one-click-btn').prop('disabled', true); let cartIdsHolder = document.querySelector("[data-cart-ids]"); if (cartIdsHolder) { if (window.interactiveButtonsManager && window.interactiveButtonsManager.initialized) { window.interactiveButtonsManager.remove('410483', 'cart'); } cartIdsHolder.dataset.cartIds = ''; } let successModal = ` <div class="modal fade" id="oct-modal" tabindex="-1" aria-labelledby="oct-modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-4 bg-grey"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between dark-text" id="oct-modal">Dzi\u0119kujemy\u0020za\u0020zam\u00F3wienie\u0021</h5> <button type="button" class="btn-close br-8 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> ${successOption} </div> </div> </div> </div> `; $('body').append(successModal); let $modal = $('#oct-modal'); let $quickViewModal = $('#quickViewModal'); if ($quickViewModal.length) { $quickViewModal.modal('hide'); } $modal.modal('show'); setTimeout(function () { $modal.modal('hide'); setTimeout(function() { $('#oct-modal').remove(); }, 300); }, 5000); $('#oct_purchase_byoneclick_form_product').trigger('reset'); } } } }); }); })(); </script> <div class="modal fade" id="smsVerificationModalByoneclick" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-4 bg-grey"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between dark-text" id="smsModalLabelByoneclick">Potwierdzenie zamówienia</h5> <button type="button" class="btn-close br-8 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p class="mb-3 dark-text">Wprowadź 4-cyfrowy kod wysłany na Twój numer telefonu</p> <div class="mb-3"> <input type="text" id="sms-code-input-byoneclick" class="form-control text-center fs-4" maxlength="4" placeholder="0000" inputmode="numeric" pattern="[0-9]" autocomplete="one-time-code" aria-label="Kod potwierdzenia"> </div> <div id="sms-error-byoneclick" class="alert alert-danger d-none"></div> <div id="sms-timer-byoneclick" class="text-center grey-text fsz-14 mb-3"> Wyślij ponownie za <span id="timer-seconds-byoneclick" class="fw-600 text-danger mx-1">60</span> sek. </div> </div> <div class="modal-footer"> <button type="button" class="button button-primary button-large w-100 py-3 fsz-14" id="btn-verify-sms-byoneclick">Potwierdź</button> <button type="button" class="button button-secondary w-100 mt-2" id="btn-resend-sms-byoneclick" disabled>Wyślij ponownie</button> </div> </div> </div> </div> <script> $(document).ready(function() { $('body').children('#smsVerificationModalByoneclick').remove(); $('#smsVerificationModalByoneclick').appendTo('body'); }); </script> </div> </div> </div> <div class="pr-product-info">  <div class="pr-product-delivery d-flex flex-column gap-3 py-4 border-bottom"> <div class="fw-700 dark-text fsz-14">Dostawa tego produktu:</div> <div class="pr-product-delivery-item d-flex justify-content-between"> <div class="pr-product-delivery-item-info d-flex align-items-center gap-3"> <div class="pr-product-delivery-item-icon"> <img src="https://dev.beatcar.eu/image/cache/no_image-20x20.png" alt="DHL" width="24" height="24"/> </div> <div class="pr-product-delivery-item-text d-flex flex-column"> <span class="fsz-14 fw-500">DHL</span> <span class="fsz-12 grey-text"></span> </div> </div> <div class="d-flex align-items-center justify-content-end gap-2"> <span class="grey-text fsz-12 text-end"></span> </div> </div> <div class="pr-product-delivery-item d-flex justify-content-between"> <div class="pr-product-delivery-item-info d-flex align-items-center gap-3"> <div class="pr-product-delivery-item-icon"> <img src="https://dev.beatcar.eu/image/cache/no_image-20x20.png" alt="" width="24" height="24"/> </div> <div class="pr-product-delivery-item-text d-flex flex-column"> <span class="fsz-14 fw-500"></span> <span class="fsz-12 grey-text"></span> </div> </div> <div class="d-flex align-items-center justify-content-end gap-2"> <span class="grey-text fsz-12 text-end"></span> </div> </div> </div>  </div> </div> </div> </div> </div> <div class="pr-product-tab-description pr-product-description pr-product-tab-content content-block mt-3"> <div class="pr-product-tab-content-title d-flex align-items-center dark-text fsz-20 fw-700 pb-4 mb-4 border-bottom gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="21" viewBox="0 0 18 21" fill="none"> <path d="M12.75 1.5H14C15.6569 1.5 17 2.84315 17 4.5V17.5C17 19.1569 15.6569 20.5 14 20.5H4C2.34315 20.5 1 19.1569 1 17.5V4.5C1 2.84315 2.34315 1.5 4 1.5H5.25M9 8.505L13 8.495M9 12.505L13 12.495M9 16.505L13 16.495M5 16.5V16.51M5 12.5V12.51M5 8.5V8.51M5.5 4H12.5C12.7761 4 13 3.77614 13 3.5V2.5C13 1.39543 12.1046 0.5 11 0.5H7C5.89543 0.5 5 1.39543 5 2.5V3.5C5 3.77614 5.22386 4 5.5 4ZM5.25 16.5C5.25 16.6381 5.13807 16.75 5 16.75C4.86193 16.75 4.75 16.6381 4.75 16.5C4.75 16.3619 4.86193 16.25 5 16.25C5.13807 16.25 5.25 16.3619 5.25 16.5ZM5.25 12.5C5.25 12.6381 5.13807 12.75 5 12.75C4.86193 12.75 4.75 12.6381 4.75 12.5C4.75 12.3619 4.86193 12.25 5 12.25C5.13807 12.25 5.25 12.3619 5.25 12.5ZM5.25 8.5C5.25 8.63807 5.13807 8.75 5 8.75C4.86193 8.75 4.75 8.63807 4.75 8.5C4.75 8.36193 4.86193 8.25 5 8.25C5.13807 8.25 5.25 8.36193 5.25 8.5Z" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Opis </div> <div class="pr-product-tab-content-text"> <ul><li>T3 1 2011-2018</li></ul> </div> </div> <div class="pr-product-tab-reviews pr-product-reviews pr-product-tab-content content-block mt-3"> <div class="pr-product-tab-content-title d-flex flex-column flex-sm-row align-items-sm-center justify-content-sm-between gap-3 pb-4 mb-4 border-bottom"> <span class="pr-product-tab-content-title-icon d-flex align-items-center gap-3 dark-text fsz-20 fw-700"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none"> <path d="M1 3.50026C1 1.84341 2.34315 0.500259 4 0.500259H18C19.6569 0.500259 21 1.84341 21 3.50026V13.5003C21 15.1571 19.6569 16.5003 18 16.5003H12.874C12.3032 16.5003 11.7443 16.6631 11.2628 16.9696L7.53706 19.3417C6.87134 19.7655 6 19.2873 6 18.4981V16.5003H4C2.34315 16.5003 1 15.1571 1 13.5003V3.50026Z" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10.7782 4.63574C10.8689 4.4551 11.1311 4.4551 11.2218 4.63574L12.3238 6.82982L14.788 7.18166C14.9908 7.21063 15.0718 7.4556 14.925 7.59621L13.142 9.30406L13.5629 11.7156C13.5975 11.9141 13.3855 12.0655 13.204 11.9718L11 10.8332L8.79599 11.9718C8.61454 12.0655 8.40246 11.9141 8.43712 11.7156L8.85804 9.30406L7.07496 7.59621C6.92816 7.4556 7.00917 7.21063 7.21204 7.18166L9.6762 6.82982L10.7782 4.63574Z" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Recenzje </span> <button type="button" class="button button-light button-large fsz-14" data-bs-toggle="modal" data-bs-target="#reviewModal">+ Dodaj recenzję</button> <div class="modal fade" id="reviewModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-4 bg-grey"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between dark-text" id="reviewModalLabel">Napisz opinię</h5> <button type="button" class="btn-close br-8 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> <form id="popup_review_form"> <div class="d-flex"> <div class="modal-body-product-img br-8 overflow-hidden me-1 flex-grow-1"> <img src="https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-800x800.jpg" alt="<iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción">" width="120" height="120" loading="lazy"> </div> <div class="modal-body-product-info ps-4 dark-text flex-grow-1 d-flex flex-column"> <div class="modal-body-product-title fsz-14 fw-500 mb-3"><iframe src="https://www.google.com/search?q=%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BD%D0%B0+%D1%80%D0%B0%D0%BC%D0%BA%D0%B0+%D0%BF%D0%BE%D0%B4+%D0%90%D1%83%D0%B4%D0%B8+Q3+1(DIN)+2011-2018+9%22+(L2)&hl=es" title="Búsqueda en Google para traducción"></div> <div class="fw-700 dark-text">Moja ocena:</div> <div class="pr-module-rating-stars d-flex align-items-center mt-2"> <div class="pr-store-reviews-rating-stars d-flex align-items-center justify-content-center"> <label class="pr-store-reviews-rating-star pr-store-reviews-rating-star-is"><input class="d-none" type="radio" name="rating" value="1" checked/></label> <label class="pr-store-reviews-rating-star pr-store-reviews-rating-star-is"><input class="d-none" type="radio" name="rating" value="2" checked/></label> <label class="pr-store-reviews-rating-star pr-store-reviews-rating-star-is"><input class="d-none" type="radio" name="rating" value="3" checked/></label> <label class="pr-store-reviews-rating-star pr-store-reviews-rating-star-is"><input class="d-none" type="radio" name="rating" value="4" checked/></label> <label class="pr-store-reviews-rating-star pr-store-reviews-rating-star-is"><input class="d-none" type="radio" name="rating" value="5" checked/></label> </div> </div> <script> window.addEventListener('DOMContentLoaded', () => { reviewsRating('#popup_review_form'); }); </script> </div> </div> <div class="input-group mt-4"> <span class="input-group-text" id="reviewUsernameIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M8.73803 10.9984H5.11457C2.84216 10.9984 1 12.8405 1 15.1129C1 15.4917 1.30703 15.7987 1.68576 15.7987H6.647M13.4308 10.8284L15.571 12.9685M10.8007 4.79794C10.8007 6.67584 9.27834 8.19817 7.40044 8.19817C5.52254 8.19817 4.00021 6.67584 4.00021 4.79794C4.00021 2.92004 5.52254 1.39771 7.40044 1.39771C9.27834 1.39771 10.8007 2.92004 10.8007 4.79794ZM11.546 16.3612L10.1232 16.5983C9.93373 16.6299 9.76942 16.4656 9.80101 16.2761L10.0381 14.8533C10.1204 14.3599 10.3547 13.9044 10.7085 13.5507L14.5084 9.75083C14.977 9.28216 15.7369 9.28216 16.2055 9.75083L16.6485 10.1938C17.1172 10.6625 17.1172 11.4223 16.6485 11.891L12.8486 15.6909C12.4949 16.0446 12.0395 16.279 11.546 16.3612Z" stroke="#5C6168" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <div class="form-floating"> <input type="text" name="name" class="form-control" id="inputReviewName" placeholder="Nazwa" inputmode="text" aria-label="Username" aria-describedby="reviewUsernameIcon"> <label class="px-3 secondary-text fsz-14" for="inputReviewName">Nazwa</label> </div> </div> <div class="input-group my-3"> <span class="input-group-text" id="positiveIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18" fill="none"> <path d="M10.4 1.8H11.4C12.7255 1.8 13.8 2.87452 13.8 4.2V14.6C13.8 15.9255 12.7255 17 11.4 17H3.4C2.07452 17 1 15.9255 1 14.6V4.2C1 2.87452 2.07452 1.8 3.4 1.8H4.4M7.4 8.2V10.6M7.4 10.6V13M7.4 10.6H5M7.4 10.6H9.8M4.6 3.8H10.2C10.4209 3.8 10.6 3.62091 10.6 3.4V2.6C10.6 1.71634 9.88366 1 9 1H5.8C4.91634 1 4.2 1.71634 4.2 2.6V3.4C4.2 3.62091 4.37909 3.8 4.6 3.8Z" stroke="#4AB246" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <div class="form-floating"> <input type="text" name="positive_text" value="" class="form-control positive" id="inputPositive" placeholder="Zalety" aria-label="Positive" aria-describedby="positiveIcon"> <label class="px-3 secondary-text fsz-14" for="inputPositive">Zalety</label> </div> </div> <div class="input-group"> <span class="input-group-text" id="negativeIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18" fill="none"> <path d="M10.4 1.8H11.4C12.7255 1.8 13.8 2.87452 13.8 4.2V14.6C13.8 15.9255 12.7255 17 11.4 17H3.4C2.07452 17 1 15.9255 1 14.6V4.2C1 2.87452 2.07452 1.8 3.4 1.8H4.4M5 10.6H9.8M4.6 3.8H10.2C10.4209 3.8 10.6 3.62091 10.6 3.4V2.6C10.6 1.71634 9.88366 1 9 1H5.8C4.91634 1 4.2 1.71634 4.2 2.6V3.4C4.2 3.62091 4.37909 3.8 4.6 3.8Z" stroke="#D51F1F" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <div class="form-floating"> <input type="text" name="negative_text" value="" class="form-control negative" id="inputNegative" placeholder="Wady" aria-label="Negative" aria-describedby="negativeIcon"> <label class="px-3 secondary-text fsz-14" for="inputNegative">Wady</label> </div> </div> <div class="form-group my-3"> <textarea id="inputReviewComment" name="text" class="form-control" placeholder="Twoja opinia" rows="7"></textarea> </div> <button type="button" id="button-review" class="button button-primary button-large w-100 py-3 fsz-14">Kontynuuj</button> </form> </div> </div> </div> </div> </div> <div id="review" class="pr-product-reviews-content"> <div id="reviews-container" class="pr-store-reviews-items d-flex flex-column gap-3"> <div class="d-flex flex-column justify-content-center pr-empty-reviews mb-3 mb-md-0 text-center p-4 br-4"> <p class="fw-500 fsz-16 mb-5">Brak recenzji dla tego produktu, bądź pierwszy, który napisze recenzję.</p> <svg class="mx-auto" xmlns="http://www.w3.org/2000/svg" width="80" height="77" viewBox="0 0 80 77" fill="none"> <path d="M39.9979 0.598633C16.4455 0.598633 0 15.3178 0 36.3904C0 45.0805 2.77917 52.861 8.05468 58.9576C7.47787 61.509 5.88148 65.5342 1.46066 69.1046C0.14704 70.2161 -0.323947 71.9928 0.252865 73.6222C0.829678 75.239 2.2951 76.3124 3.97081 76.3503C4.5392 76.3713 5.11926 76.3801 5.72133 76.3801C12.0326 76.3801 19.9185 75.1503 25.4551 70.0348C30.0149 71.4579 34.8992 72.1821 40.0021 72.1821C63.5545 72.1821 80 57.463 80 36.3904C80 15.3178 63.5504 0.598633 39.9979 0.598633ZM39.9979 67.9764C34.895 67.9764 30.0406 67.1929 25.5692 65.6477C24.7777 65.374 23.91 65.5934 23.3458 66.1997C18.4029 71.4752 10.2223 72.3507 4.22264 72.3507C4.19738 72.3507 4.16773 72.3507 4.14247 72.3507C8.6475 68.7088 11.5829 63.8461 12.3955 58.659C12.4924 58.0232 12.2979 57.3791 11.86 56.9033C6.85815 51.4846 4.21031 44.39 4.21031 36.3904C4.21031 17.7934 18.9253 4.80894 39.9979 4.80894C61.0705 4.80894 75.7856 17.7934 75.7856 36.3904C75.7856 54.9873 61.0705 67.9764 39.9979 67.9764ZM56.4856 28.77L47.6528 27.5488L43.7909 19.785C42.351 16.8883 37.6313 16.8883 36.1998 19.785L32.4233 27.4815L23.5103 28.77C21.9483 28.9931 20.6815 30.0666 20.1974 31.5613C19.7174 33.0517 20.1164 34.6559 21.2448 35.7464L27.6487 41.864L26.1798 50.3812C25.9019 51.9727 26.5419 53.5515 27.847 54.5072C29.1607 55.4714 30.8743 55.598 32.3184 54.8444L39.9476 50.815L47.6774 54.8485C48.3006 55.1727 48.9786 55.3327 49.6438 55.3327C50.5238 55.3327 51.3995 55.055 52.1447 54.5119C53.4541 53.5603 54.094 51.981 53.8161 50.3853L52.3092 41.9735L58.7511 35.7423C59.8795 34.6518 60.2785 33.0476 59.7985 31.5572C59.3143 30.0667 58.0476 28.9973 56.4856 28.77ZM49.3827 38.9463C48.4144 39.8852 47.9681 41.2406 48.1996 42.5753L49.6315 51.1095L41.9047 47.0806C41.3068 46.7691 40.6547 46.6129 40.0021 46.6129C40.0021 46.6129 40.0021 46.6129 40.0021 46.6129C39.3495 46.6129 38.693 46.7691 38.1035 47.0806L30.3356 51.0972L31.8086 42.5753C32.036 41.2448 31.5897 39.8851 30.6214 38.9504L24.1168 32.9381L33.0256 31.6538C34.3561 31.4643 35.5136 30.631 36.1114 29.4268L40.0185 21.6461C40.0185 21.6461 40.0235 21.65 40.0278 21.6584C40.0278 21.6584 40.0277 21.6584 40.0319 21.6584L43.8927 29.4268C44.4948 30.631 45.6481 31.4602 46.9744 31.6497L55.8288 32.7151L49.3827 38.9463Z" fill="#F2F2F2"/> </svg> </div> </div> </div> </div> <div id="product_questions" class="pr-product-tab-faq pr-product-faq pr-product-tab-content content-block mt-3"> <div class="pr-product-tab-content-title d-flex flex-column flex-sm-row align-items-sm-center justify-content-sm-between gap-3 pb-4 mb-4 border-bottom"> <span class="pr-product-tab-content-title-icon d-flex align-items-center gap-3 dark-text fsz-20 fw-700"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none"> <path d="M9 5.88296C9.26082 5.08156 10.1111 4.50024 11 4.50024C12.1111 4.50024 13 5.41382 13 6.50024V6.51024C13 8.2158 11 8.50024 11 8.95024V9.25024M11 12.5002V12.5102M6 16.5002V18.4981C6 19.2873 6.87134 19.7655 7.53706 19.3417L11.2628 16.9696C11.7443 16.6631 12.3032 16.5002 12.874 16.5002H18C19.6569 16.5002 21 15.1571 21 13.5002V3.50024C21 1.84339 19.6569 0.500244 18 0.500244H4C2.34315 0.500244 1 1.84339 1 3.50024V13.5002C1 15.1571 2.34315 16.5002 4 16.5002H6ZM11.25 12.5002C11.25 12.6383 11.1381 12.7502 11 12.7502C10.8619 12.7502 10.75 12.6383 10.75 12.5002C10.75 12.3622 10.8619 12.2502 11 12.2502C11.1381 12.2502 11.25 12.3622 11.25 12.5002Z" stroke="var(--pr-black-color)" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Odpowiedzi i pytania </span> <button type="button" class="button button-light button-large fsz-14" data-bs-toggle="modal" data-bs-target="#faqModal">+ Zadaj pytanie</button> </div> <div class="modal fade" id="faqModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-4 bg-grey"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between dark-text" id="faqModalLabel">Zadaj pytanie</h5> <button type="button" class="btn-close br-8 bg-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> <div class="pr-product-content-reviews-rating-text grey-text fsz-14 mb-4 text-sm-start">Dodaj swoje pytanie, a my odpowiemy tak szybko, jak to możliwe.</div> <form id="form-faq" enctype="multipart/form-data" method="post"> <div class="input-group mt-4"> <span class="input-group-text" id="faqUsernameIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M8.73803 10.9984H5.11457C2.84216 10.9984 1 12.8405 1 15.1129C1 15.4917 1.30703 15.7987 1.68576 15.7987H6.647M13.4308 10.8284L15.571 12.9685M10.8007 4.79794C10.8007 6.67584 9.27834 8.19817 7.40044 8.19817C5.52254 8.19817 4.00021 6.67584 4.00021 4.79794C4.00021 2.92004 5.52254 1.39771 7.40044 1.39771C9.27834 1.39771 10.8007 2.92004 10.8007 4.79794ZM11.546 16.3612L10.1232 16.5983C9.93373 16.6299 9.76942 16.4656 9.80101 16.2761L10.0381 14.8533C10.1204 14.3599 10.3547 13.9044 10.7085 13.5507L14.5084 9.75083C14.977 9.28216 15.7369 9.28216 16.2055 9.75083L16.6485 10.1938C17.1172 10.6625 17.1172 11.4223 16.6485 11.891L12.8486 15.6909C12.4949 16.0446 12.0395 16.279 11.546 16.3612Z" stroke="#5C6168" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <div class="form-floating"> <input type="text" name="name" class="form-control" id="faqInputName" placeholder="Nazwa" aria-label="Username" aria-describedby="faqUsernameIcon"> <label class="px-3 secondary-text fsz-14" for="faqInputName">Nazwa</label> </div> </div> <div class="input-group my-4"> <span class="input-group-text" id="faqEmailIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"> <path d="M17 3V11C17 12.3255 15.9255 13.4 14.6 13.4H3.4C2.07452 13.4 1 12.3255 1 11V3M17 3C17 1.67452 15.9255 0.599998 14.6 0.599998H3.4C2.07452 0.599998 1 1.67452 1 3M17 3V3.25396C17 3.83747 16.6823 4.37471 16.1711 4.65591L10.1566 7.96387C9.43641 8.35997 8.56359 8.35997 7.8434 7.96387L1.82893 4.65591C1.31765 4.37471 1 3.83747 1 3.25396V3" stroke="#5C6168" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <div class="form-floating"> <input type="text" name="email" class="form-control" id="faqInputEmail" placeholder="Email" inputmode="email" aria-label="email" aria-describedby="faqEmailIcon"> <label class="px-3 secondary-text fsz-14" for="faqInputEmail">Email</label> </div> </div> <div class="form-group my-3"> <textarea id="faqText" name="text" class="form-control" placeholder="Twoje pytanie" rows="7"></textarea> </div> <div class="form-group"> </div> <button type="button" id="button-oct_faq" class="button button-primary button-large w-100 py-3 fsz-14">Kontynuuj</button> </form> </div> </div> </div> </div> <div id="oct_faqs" class="pr-product-faq-content pr-store-reviews-items d-flex flex-column gap-3"> <div class="d-flex flex-column justify-content-center pr-empty-reviews mb-3 mb-md-0 text-center p-4 br-4"> <p class="fw-500 fsz-16 mb-5">Brak pytań dotyczących tego produktu, bądź pierwszy i zadaj swoje pytanie.</p> <svg class="mx-auto" xmlns="http://www.w3.org/2000/svg" width="80" height="77" viewBox="0 0 80 77" fill="none"> <path d="M39.9979 0.489746C16.4455 0.489746 0 15.2089 0 36.2815C0 44.9716 2.77917 52.7527 8.05468 58.8492C7.47787 61.4006 5.88148 65.4253 1.46066 68.9957C0.14704 70.1072 -0.323947 71.8839 0.252865 73.5133C0.829678 75.1301 2.2951 76.2035 3.97081 76.2414C4.5392 76.2624 5.11926 76.2712 5.72133 76.2712C12.0326 76.2712 19.9185 75.0415 25.4551 69.9259C30.0149 71.349 34.8992 72.0732 40.0021 72.0732C63.5545 72.0732 80 57.3541 80 36.2815C80 15.2089 63.5504 0.489746 39.9979 0.489746ZM39.9979 67.867C34.895 67.867 30.0406 67.084 25.5692 65.5388C24.7777 65.2652 23.9142 65.4845 23.3458 66.0908C18.4029 71.3663 10.2223 72.2418 4.22264 72.2418C4.19738 72.2418 4.16773 72.2418 4.14247 72.2418C8.6475 68.5999 11.5829 63.7372 12.3955 58.5501C12.4924 57.9143 12.2979 57.2702 11.86 56.7944C6.85815 51.3757 4.21031 44.2811 4.21031 36.2815C4.21031 17.6846 18.9253 4.70006 39.9979 4.70006C61.0705 4.70006 75.7856 17.6846 75.7856 36.2815C75.7856 54.8784 61.0705 67.867 39.9979 67.867ZM49.8412 27.6378C50.5401 31.6292 48.8524 35.208 45.0799 37.7216C42.6337 39.3468 42.1078 40.2979 41.9941 40.6347C41.6994 41.5104 40.8779 42.0666 39.9979 42.0666C39.7748 42.0666 39.552 42.0334 39.3247 41.9576C38.2216 41.5871 37.6322 40.3912 38.0069 39.2881C38.5795 37.5956 40.0866 35.9827 42.7517 34.2144C45.1432 32.6229 46.1113 30.707 45.6987 28.3661C45.2861 26.0462 43.3826 24.1431 41.067 23.739C39.3155 23.4316 37.6148 23.8782 36.2759 24.9981C34.9623 26.1012 34.2088 27.7178 34.2088 29.4356C34.2088 30.5977 33.2657 31.5408 32.1036 31.5408C30.9416 31.5408 29.9985 30.5977 29.9985 29.4356C29.9985 26.4716 31.3042 23.6803 33.5735 21.7772C35.8429 19.8699 38.8444 19.0824 41.7916 19.5919C45.8209 20.2992 49.1339 23.6085 49.8412 27.6378ZM43.1557 51.0135C43.1557 52.7607 41.749 54.1712 40.0144 54.1712C38.284 54.1712 36.8402 52.7607 36.8402 51.0135C36.8402 49.2662 38.217 47.8557 39.9517 47.8557H40.0144C41.749 47.8557 43.1557 49.2662 43.1557 51.0135Z" fill="#F2F2F2"/> </svg> </div> </div> <script> $("#faqInputName, #faqInputEmail, #faqText").on("change paste keyup", function() { $(this).removeClass('error_style'); }); function loadMoreFaq() { if (window.loadingMoreFaq) return; window.loadingMoreFaq = true; var $pagination = $('#faq-pagination'); var hasMore = $pagination.attr('data-has-more'); var nextPage = $pagination.attr('data-next-page'); if (hasMore === "false" || !nextPage) { $('#load-more-faq').remove(); window.loadingMoreFaq = false; return; } $.ajax({ url: 'index.php?route=octemplates/faq/oct_product_faq', type: 'GET', data: { page: nextPage, oct_product_id: '410483' }, dataType: 'html', beforeSend: function() { $('#load-more-faq').prop('disabled', true); masked('body', true); }, complete: function() { $('#load-more-faq').prop('disabled', false); masked('body', false); }, success: function(html) { var $temp = $('<div>').html(html); var $newFaqContainer = $temp.find('#oct_faqs'); var newFaqContent = $newFaqContainer.length ? $newFaqContainer.html() : $temp.html(); $('#oct_faqs').append(newFaqContent); var $newPagination = $temp.find('#faq-pagination'); if ($newPagination.length) { $('#faq-pagination').attr('data-has-more', $newPagination.attr('data-has-more')); $('#faq-pagination').attr('data-next-page', $newPagination.attr('data-next-page')); if ($newPagination.attr('data-has-more') === "false") { $('#load-more-faq').remove(); } } else { $('#load-more-faq').remove(); } window.loadingMoreFaq = false; }, error: function() { window.loadingMoreFaq = false; } }); } $(document).ready(function(){ $(document).on('click', '#load-more-faq', function(e) { e.preventDefault(); loadMoreFaq(); }); $('#button-oct_faq').on('click', function() { $.ajax({ url: 'index.php?route=octemplates/faq/oct_product_faq/write&faqp_id=410483', type: 'post', dataType: 'json', data: $("#form-faq").serialize(), beforeSend: function() { $('#button-oct_faq').prop('disabled', true).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>'); $('#faqModal input, #faqModal textarea').removeClass('error_style'); masked('body', true); }, complete: function() { masked('body', false); setTimeout(function () { $('#button-oct_faq').prop('disabled', false).html('Kontynuuj'); }, 600); }, success: function(json) { $('.alert-dismissible').remove(); if (json['error']) { var errorOption = ''; $.each(json['error'], function(i, val) { $('#faqModal [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); prNotify('danger', errorOption); } if (json['success']) { prNotify('success', json['success']); $('#faqModal').modal('hide'); $('#form-faq input[name="name"]').val(''); $('#form-faq textarea[name="text"]').val(''); } } }); }); }); </script> </div> </div> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "url": "https://dev.beatcar.eu/pl/adapter-frame-audi-q3-1-2011-2018-9-410483", "category": "Ramki Audi", "image": "https://dev.beatcar.eu/image/cache/catalog/product/ac/9odB0zDCTYghs5G8zwJQdj0axVx0TtfvU3mgEDtJ-updated-800x800.jpg", "model": "26934", "productID": "410483", "sku": "ac-26934", "description": "T3 1 2011-2018", "name": "", "offers": { "@type": "Offer", "url": "https://dev.beatcar.eu/pl/adapter-frame-audi-q3-1-2011-2018-9-410483", "priceValidUntil": "2026-08-14", "availability": "https://schema.org/InStock", "price": "101.96", "priceCurrency": "PLN", "itemCondition": "https://schema.org/NewCondition", "seller": { "@type": "Organization", "name": "Your Store" }, "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "PLN" }, "deliveryTime": { "@type": "ShippingDeliveryTime", "handlingTime": { "@type": "QuantitativeValue", "minValue": 0, "maxValue": 1, "unitCode": "DAY" }, "transitTime": { "@type": "QuantitativeValue", "minValue": 1, "maxValue": 2, "unitCode": "DAY" } } }, "hasMerchantReturnPolicy": { "@type": "MerchantReturnPolicy", "applicableCountry": "", "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow", "merchantReturnDays": 14, "returnMethod": "https://schema.org/ReturnByMail", "returnFees": "https://schema.org/FreeReturn", "refundType": "https://schema.org/FullRefund" } } } </script> </main> </div> <script> // product timer $('select[name=\'recurring_id\'], input[name="quantity"]').change(function() { $.ajax({ url: 'index.php?route=product/product/getRecurringDescription', type: 'post', data: $('input[name=\'product_id\'], input[name=\'quantity\'], select[name=\'recurring_id\']'), dataType: 'json', cache: false, beforeSend: function() { $('#recurring-description').html(''); }, success: function(json) { $('.alert-dismissible, .text-danger').remove(); if (json['success']) { $('#recurring-description').html(json['success']); } } }); }); </script> <script> $('body').on('click', '#button-cart, .pr-product-fixed-cart-btn', function(){ let data; if (this.classList.contains('pr-product-fixed-cart-btn')) { data = $(this).find('input[type=\'text\'], input[type=\'number\'], input[type=\'hidden\']').add('#product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea, #product input[type=\'date\'], #product input[type=\'datetime-local\'], #product input[type=\'time\']'); } else { data = $('#product input[type=\'text\'], #product input[type=\'number\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea, #product input[type=\'date\'], #product input[type=\'datetime-local\'], #product input[type=\'time\']'); } $.ajax({ url: 'index.php?route=checkout/cart/add', type: 'post', data: data, dataType: 'json', cache: false, beforeSend: function() { $('#button-cart, .pr-product-fixed-cart-btn').each(function() { $(this).data('original-content', $(this).html()); $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true); }); }, complete: function() { setTimeout(function () { $('#button-cart, .pr-product-fixed-cart-btn').html('<i class="fas fa-check fsz-18"></i>').prop('disabled', true); }, 1000); setTimeout(function () { $('#button-cart, .pr-product-fixed-cart-btn').each(function() { $(this).html($(this).data('original-content')).prop('disabled', false); }); }, 1200); }, success: function(json) { $('.alert-dismissible, .text-danger').remove(); $('.form-group').removeClass('has-error'); if (json['error']) { if (json['error']['option']) { let errorOption = ''; for (i in json['error']['option']) { var element = $('#input-option' + i.replace('_', '-')); if (element.parent().hasClass('input-group')) { element.parent().after('<div class="text-danger fsz-14 fw-500">' + json['error']['option'][i] + '</div>'); } else { element.parent().after('<div class="text-danger fsz-14 fw-500">' + json['error']['option'][i] + '</div>'); } errorOption += '<div class="alert-text-item">' + json['error']['option'][i] + '</div>'; } prNotify('danger', errorOption); const headerHeight = document.querySelector('header').offsetHeight, tabsHeight = document.getElementById('oct-tabs').offsetHeight; scrollToElement('.pr-product-actions', null, -headerHeight - tabsHeight - 42); $('.pr-product-fixed-cart-btn').removeClass('added'); return; } if (json['error']['error_warning']) { prNotify('danger', json['error']['error_warning']); } if (json['error']['recurring']) { $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); } // Highlight any found errors $('.text-danger').parent().addClass('has-error'); } if (json['success']) { if (json['isPopup']) { octSidebarCart(); } else { prNotify('success', json['success']); } let cartIdsHolder = document.querySelector("[data-cart-ids]"); const productId = $('#oct-product-id').val(); if (json.oct_cart_ids && json.oct_cart_ids.length > 0 && cartIdsHolder) { cartIdsHolder.dataset.cartIds = json.oct_cart_ids; } else if (cartIdsHolder && productId) { const currentIds = cartIdsHolder.dataset.cartIds ? cartIdsHolder.dataset.cartIds.split(',').filter(id => id) : []; if (!currentIds.includes(String(productId))) { currentIds.push(String(productId)); cartIdsHolder.dataset.cartIds = currentIds.join(','); } } if (productId && window.interactiveButtonsManager && window.interactiveButtonsManager.initialized) { window.interactiveButtonsManager.add(productId, 'cart'); setTimeout(() => { window.interactiveButtonsManager.updateAllButtonsForProduct(productId, 'cart', true); $('.pr-product-fixed-cart-btn').addClass('added'); }, 1300); } setTimeout(function() { $('.pr-header-buttons-item-count-cart').addClass('active').html(json['total_products']); }, 100); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); }); </script> <script> $('button[id^=\'button-upload\']').on('click', function() { var node = this; $('#form-upload').remove(); $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); $('#form-upload input[name=\'file\']').trigger('click'); if (typeof timer != 'undefined') { clearInterval(timer); } timer = setInterval(function() { if ($('#form-upload input[name=\'file\']').val() != '') { clearInterval(timer); $.ajax({ url: 'index.php?route=tool/upload', type: 'post', dataType: 'json', data: new FormData($('#form-upload')[0]), cache: false, contentType: false, processData: false, beforeSend: function() { $(node).button('loading'); }, complete: function() { $(node).button('reset'); }, success: function(json) { $('.text-danger').remove(); if (json['error']) { $(node).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>'); } if (json['success']) { alert(json['success']); $(node).parent().find('input').val(json['code']); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } }, 500); }); </script> <script> $('#review').delegate('.pagination a', 'click', function(e) { const headerHeight = document.querySelector('header').offsetHeight, tabsHeight = document.getElementById('oct-tabs').offsetHeight; e.preventDefault(); $('#review').load(this.href); scrollToElement('.pr-product-reviews-content', null, -headerHeight - tabsHeight - 42); }); $("#inputReviewName, #inputReviewComment").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=410483', type: 'post', dataType: 'json', cache: false, data: $('#popup_review_form').serialize(), beforeSend: function() { $('#button-review').button('loading'); }, complete: function() { $('#button-review').button('reset'); }, success: function(json) { $('.alert-dismissible').remove(); if (json['error']) { let errorOption = ''; $.each(json['error'], function(i, val) { $('#reviewModal [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); prNotify('danger', errorOption); } if (json['success']) { prNotify('success', json['success']); $('#reviewModal').modal('hide'); $('#popup_review_form input[name=\'name\']').val(''); $('#popup_review_form textarea[name=\'text\']').val(''); $('#reviewModal .rm-module-rating-star-is').removeClass('rm-module-rating-star-is'); } } }); }); $('#input-quantity').on('blur change', function(e) { updateValueProduct(false, false, true); }); function updateValueProduct(minus, plus, manual) { let min = parseInt($('#input-quantity').val()); let currentMinimum = parseInt($('#min-product-quantity').val()); let max = parseInt($('#max-product-quantity').val()); let use_minimum_step = 1; let step = use_minimum_step ? currentMinimum : 1; if (isNaN(min)) { $('#input-quantity').val(currentMinimum); updateProductPrice(); return; } if (max === 0) return; if (minus && min > currentMinimum) { if (min - step < currentMinimum) { $("#input-quantity").val(currentMinimum); updateProductPrice(); return; } else if (min > max) { $('#input-quantity').val(max); updateProductPrice(); return; } $('#input-quantity').val( $('#input-quantity').val() - step); } if (plus) { if (max && min + step > max) { $('#input-quantity').val(max); updateProductPrice(); return; } else if (currentMinimum > min) { $('#input-quantity').val(currentMinimum); updateProductPrice(); return; } $('#input-quantity').val( $('#input-quantity').val() + step); } if (manual) { if (currentMinimum >= min) { $('#input-quantity').val(currentMinimum); updateProductPrice(); return; } else if (min > max) { $('#input-quantity').val(max); updateProductPrice(); return; } if (use_minimum_step && currentMinimum > 1) { let remainder = min % currentMinimum; if (remainder !== 0) { let roundedValue = min - remainder + currentMinimum; if (max && roundedValue > max) { roundedValue = max; } $('#input-quantity').val(roundedValue); } } } updateProductPrice(); } $('#pr-product-options input, #pr-product-options select').on('change', function() { updateProductPrice(); }); function updateProductPrice() { let priceOld = document.querySelector('#product .pr-product-price-old'); let priceNew = document.querySelector('#product .pr-product-price-new'); let youSave = document.querySelector('#main-product-you-save'); $.ajax({ type: 'post', url: 'index.php?route=octemplates/main/oct_functions/updatePrices', data: $('#product input[type=\'text\'], #product input[type=\'number\'], #product input[type=\'hidden\']:not("#oct_purchase_byoneclick_form_product input"), #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select'), dataType: 'json', cache: false, success: function(json) { animatePrice(json['price'], priceNew); $('.price-tax > span').html(json['tax']); } }); } </script> <script> window.addEventListener('DOMContentLoaded', () => { const productElement = document.getElementById('product-product'); if (productElement) { document.body.classList.add('body-product'); } octProductFixedButtons(); }); </script> <div class="pr-product-fixed-btns position-fixed d-lg-none py-2 px-3 is-hidden"> <div class="d-flex align-items-center justify-content-between"> <div class="pr-price-new fsz-20 fw-700 dark-text">zł101.96</div> <button type="button" class="button button-primary button-small py-2 px-3 fsz-12 pr-product-fixed-cart-btn" data-product-id="410483"> <span class="pr-module-quantity" hidden> <input type="hidden" class="form-control" name="quantity" value="1" id="fixed-input-quantity"/> <input type="hidden" name="product_id" value="410483"/> <input type="hidden" id="fixed-min-product-quantity" value="1" name="min_quantity"> </span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 19" fill="none"> <path d="M15.9031 14.1665H7.4931C6.33794 14.1665 5.34659 13.3437 5.1337 12.2084L3.34511 2.66919C3.20318 1.91227 2.54228 1.36377 1.77218 1.36377H1.5M6.70111 16.9671C6.70111 17.1881 6.52198 17.3672 6.30102 17.3672C6.08006 17.3672 5.90094 17.1881 5.90094 16.9671M6.70111 16.9671C6.70111 16.7461 6.52198 16.567 6.30102 16.567C6.08006 16.567 5.90094 16.7461 5.90094 16.9671M6.70111 16.9671H5.90094M15.503 16.9671C15.503 17.1881 15.3239 17.3672 15.1029 17.3672C14.8819 17.3672 14.7028 17.1881 14.7028 16.9671M15.503 16.9671C15.503 16.7461 15.3239 16.567 15.1029 16.567C14.8819 16.567 14.7028 16.7461 14.7028 16.9671M15.503 16.9671H14.7028M3.4004 2.96411H15.8993C16.8784 2.96411 17.6279 3.83534 17.4817 4.8034L16.7568 9.60442C16.6386 10.3871 15.9659 10.9658 15.1744 10.9658H4.90072L3.4004 2.96411Z" stroke="#FFFDFF" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="button-text">Do koszyka</span> </button> </div> </div> <footer class="pr-footer mt-4"> <div class="container-fluid container-xl"> <div class="row gy-5"> <div class="col-12 col-sm-6 col-lg-4"> <div class="mb-5"> <a href="https://dev.beatcar.eu/pl" title="Your Store"> <img class="pr-footer-logo d-block mx-auto mb-3 m-md-0" src="https://dev.beatcar.eu/image/catalog/Logo/sonusdrivelogo.jpg" title="Your Store" alt="Your Store" width="120" height="30" /> </a> </div> <div class="pr-footer-item pr-footer-item-phone d-inline-block mt-4 pr-dropdown-box position-relative"> <div class="pr-footer-item-title white-text fw-700 d-inline-flex align-items-center gap-2 pr-dropdown-toggle"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M5.93034 5.01489C6.37092 4.57431 6.48015 3.90123 6.2015 3.34394L5.43561 1.81216C5.10679 1.15451 4.33718 0.847842 3.64618 1.09912L1.93037 1.72305C1.3106 1.94842 0.91569 2.56694 1.01535 3.21884C2.02147 9.80018 6.21154 13.9902 12.7929 14.9964C13.4448 15.096 14.0633 14.7011 14.2887 14.0814L14.9126 12.3655C15.1639 11.6745 14.8572 10.9049 14.1996 10.5761L12.6678 9.81022C12.1105 9.53157 11.4374 9.64079 10.9968 10.0814L9.92513 11.1531C7.75378 10.4293 5.58243 8.25794 4.85864 6.08659L5.93034 5.01489Z" stroke="#FFFDFF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> 123456789 <svg class="pr-arrow-down" xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5" fill="none"> <path d="M1 0.511719L4 3.51172L7 0.511719" stroke="#FFFDFF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <div class="pr-dropdown p-3 content-block w-100 start-0 end-0"> <ul class="list-unstyled ps-0 mb-0"> <li><a href="tel:123456789" class="light-link">123456789</a></li> </ul> </div> </div> <div class="pr-footer-item pr-footer-item-mail mt-4"> <div class="pr-footer-item-link fw-500 d-flex align-items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"> <path d="M17 3.01133V11.0113C17 12.3368 15.9255 13.4113 14.6 13.4113H3.4C2.07452 13.4113 1 12.3368 1 11.0113V3.01133M17 3.01133C17 1.68584 15.9255 0.611328 14.6 0.611328H3.4C2.07452 0.611328 1 1.68584 1 3.01133M17 3.01133V3.26529C17 3.8488 16.6823 4.38604 16.1711 4.66724L10.1566 7.9752C9.43641 8.3713 8.56359 8.3713 7.8434 7.9752L1.82893 4.66724C1.31765 4.38604 1 3.8488 1 3.26529V3.01133" stroke="#FFFDFF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <a href="mailto:stackand@gmail.com" class="light-link lh-sm">stackand@gmail.com</a> </div> </div> </div> <div class="col-12 col-sm-6 col-lg-4"> <div class="pr-footer-item-links d-flex gap-4"> <div class="pr-footer-item white-text"> <div class="pr-footer-item-title fw-600 d-flex align-items-center gap-2 mb-2">Informacje</div> <ul class="pr-footer-item-list fsz-12 list-unstyled"> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/information&information_id=4" class="white-link link-sm" title="About Us">About Us</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/information&information_id=6" class="white-link link-sm" title="Delivery Information">Delivery Information</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/information&information_id=3" class="white-link link-sm" title="Privacy Policy">Privacy Policy</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/information&information_id=5" class="white-link link-sm" title="Terms & Conditions">Terms & Conditions</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/contact" class="white-link link-sm" title="Kontakt">Kontakt</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=account/return/add" class="white-link link-sm" title="Zwroty">Zwroty</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=information/sitemap" class="white-link link-sm" title="Mapa strony">Mapa strony</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=product/manufacturer" class="white-link link-sm" title="Marki">Marki</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=account/voucher" class="white-link link-sm" title="Bony upominkowe">Bony upominkowe</a> </li> <li class="mb-1"> <a href="https://dev.beatcar.eu/pl/index.php?route=product/special" class="white-link link-sm" title="Polecane">Polecane</a> </li> </ul> </div> </div> <div class="pr-footer-item-payments d-flex flex-wrap gap-2 mt-4"> <div class="pr-footer-item-payments-item br-4 bg-grey p-2"> <img class="d-block img-fluid" src="https://dev.beatcar.eu/catalog/view/theme/oct_promo/images/payments/privat24.svg" alt="Privat 24" width="50" height="30" loading="lazy"> </div> <div class="pr-footer-item-payments-item br-4 bg-grey p-2"> <img class="d-block img-fluid" src="https://dev.beatcar.eu/catalog/view/theme/oct_promo/images/payments/visa.svg" alt="Visa" width="50" height="30" loading="lazy"> </div> <div class="pr-footer-item-payments-item br-4 bg-grey p-2"> <img class="d-block img-fluid" src="https://dev.beatcar.eu/catalog/view/theme/oct_promo/images/payments/mastercard.svg" alt="Mastercard" width="50" height="30" loading="lazy"> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="d-flex flex-column flex-md-row flex-lg-column gap-5 gap-sm-4 justify-content-md-between justify-content-lg-start align-items-lg-start"> <div class="pr-footer-item-socials d-flex flex-column align-items-md-center align-items-xl-start gap-3 order-0 order-md-1 flex-grow-1"> <div class="pr-footer-item-title white-text fw-700 d-flex align-items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M12.4208 3.43124C12.2684 3.23888 12.1032 3.05326 11.9255 2.87549C9.42613 0.376138 5.37387 0.376138 2.87452 2.87549C0.811352 4.93866 0.451286 8.05999 1.79432 10.4925L1.30477 12.5316C1.16532 13.1124 1.68857 13.6357 2.26943 13.4962L3.52059 13.1958M15.477 8.12402C13.4462 6.09329 10.1538 6.09329 8.12305 8.12402C6.09232 10.1547 6.09232 13.4472 8.12305 15.4779C9.79937 17.1543 12.3354 17.4468 14.3119 16.3556L16.3653 16.8486C16.6557 16.9183 16.9173 16.6567 16.8476 16.3663L16.3546 14.3128C17.4458 12.3364 17.1533 9.80034 15.477 8.12402Z" stroke="#FFFDFF" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Jesteśmy w sieciach społecznościowych </div> <div class="d-flex gap-4"> <ul class="list-unstyled fsz-12"> <li class="mb-2"> <a href="https://t.me/123456789" class="white-link lh-sm d-flex align-items-center gap-2" target="_blank" rel="noopener noreferrer"> <span class="pr-footer-item-socials-icon d-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="none"> <path d="M19.9463 1.58911C19.9155 1.44064 19.8438 0.984637 19.4338 0.634675C18.9931 0.263504 18.4397 0.242294 18.2757 0.252899C17.5173 0.263503 16.6563 0.560442 11.6548 2.72384C10.015 3.43437 6.6738 4.92966 1.74403 7.1673C0.985598 7.48544 0.114429 7.95205 0.011939 8.77923C-0.131547 9.97758 1.04709 10.3594 2.00025 10.6775L2.3692 10.7942C3.10713 11.0487 4.46001 11.4623 5.22868 11.4835C5.95637 11.5047 6.70453 11.2184 7.52445 10.6351C8.75434 9.77609 9.76901 9.06557 10.6197 8.47169C10.4864 8.59895 10.3634 8.72621 10.261 8.82166C9.8305 9.24585 9.52303 9.5428 9.46153 9.60642C9.33855 9.74429 9.20531 9.87154 9.08233 9.9988C8.51863 10.5609 7.94468 11.1441 8.01642 11.9819C8.08816 12.7773 8.74409 13.3075 9.2258 13.6363C9.92273 14.1135 10.4864 14.5165 11.0399 14.9089C11.6343 15.3331 12.239 15.7573 13.0179 16.2875C13.2127 16.4148 13.3869 16.5526 13.5714 16.6799C14.2786 17.2101 15.0165 17.751 15.9697 17.751C16.0517 17.751 16.1234 17.751 16.2054 17.7404C16.8613 17.6767 17.712 17.1995 18.0502 15.28C18.5934 12.2576 19.7208 5.40688 19.9873 2.51175C20.018 2.18299 19.9873 1.79061 19.9565 1.59972L19.9463 1.58911ZM18.4499 2.35266C18.1937 5.17357 17.056 12.088 16.5333 14.9937C16.3694 15.9375 16.1029 16.1496 16.0619 16.1602C15.6007 16.1921 15.1497 15.8951 14.4631 15.3861C14.2683 15.2482 14.0736 15.0998 13.8686 14.9513C13.0999 14.4316 12.5055 14.0075 11.9213 13.5833C11.3576 13.1803 10.7939 12.7879 10.0867 12.3001C9.65625 12.0031 9.57427 11.844 9.55377 11.844C9.59477 11.6956 9.93298 11.3562 10.1585 11.1335C10.2917 10.9957 10.4352 10.8578 10.5787 10.6987C10.6402 10.6245 10.9271 10.3594 11.3166 9.97759C15.3342 6.09619 15.3752 5.91591 15.447 5.56595C15.5085 5.2584 15.4675 4.79179 15.1292 4.49486C14.7398 4.12369 14.2478 4.22973 14.0941 4.27215C13.8686 4.32517 13.7354 4.357 6.66354 9.32009C6.13059 9.70186 5.6899 9.91396 5.26969 9.88215C4.86998 9.88215 3.9373 9.63823 2.85091 9.26706L2.4717 9.13981C2.24622 9.06557 1.97974 8.98072 1.76451 8.89588C1.8875 8.82165 2.072 8.73681 2.32823 8.63076C2.32823 8.63076 2.33846 8.63076 2.34871 8.63076C7.27849 6.40373 10.5992 4.90845 12.239 4.19792C16.5231 2.34206 17.7735 1.86484 18.2962 1.85423C18.2962 1.85423 18.4089 1.86485 18.4192 1.86485C18.4397 1.9815 18.4499 2.21481 18.4397 2.36328L18.4499 2.35266Z" fill="#2CA5E0"></path> </svg> </span> Telegram </a> </li> <li class="mb-2"> <a href="viber://chat?number=+123456789" class="d-none d-xl-inline-flex white-link lh-sm d-flex align-items-center gap-2" target="_blank" rel="noopener noreferrer"> <span class="pr-footer-item-socials-icon d-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"> <path d="M5.44931 4.1501C5.27209 4.12431 5.09137 4.15998 4.93724 4.25118H4.92389C4.5663 4.46097 4.244 4.72511 3.96937 5.03597C3.74051 5.30011 3.61654 5.56712 3.58412 5.82458C3.56505 5.97715 3.5784 6.13163 3.62322 6.27753L3.64038 6.28706C3.89785 7.04325 4.23351 7.77083 4.64354 8.45549C5.17225 9.41716 5.82288 10.3066 6.5793 11.1017L6.60219 11.1341L6.63842 11.1608L6.66035 11.1865L6.68705 11.2094C7.48494 11.9681 8.37643 12.6218 9.3399 13.1547C10.4413 13.7545 11.1097 14.0377 11.5112 14.156V14.1617C11.6285 14.1979 11.7353 14.2141 11.843 14.2141C12.1849 14.1889 12.5085 14.0499 12.7623 13.8194C13.0722 13.5447 13.3344 13.2215 13.5385 12.862V12.8553C13.7302 12.4929 13.6653 12.1516 13.3888 11.9198C12.8333 11.4345 12.2327 11.0034 11.5951 10.6325C11.1679 10.4008 10.734 10.541 10.5586 10.7755L10.1838 11.2485C9.99119 11.4831 9.64218 11.4507 9.64218 11.4507L9.63265 11.4564C7.02843 10.7918 6.33328 8.15512 6.33328 8.15512C6.33328 8.15512 6.30086 7.79657 6.54211 7.61349L7.01127 7.23587C7.23631 7.05279 7.3927 6.61986 7.15145 6.19266C6.78299 5.55449 6.35277 4.95404 5.86698 4.39994C5.76103 4.26953 5.61244 4.18072 5.44741 4.14915L5.44931 4.1501ZM9.85006 3.00391C9.72361 3.00391 9.60234 3.05414 9.51292 3.14355C9.42351 3.23297 9.37327 3.35424 9.37327 3.48069C9.37327 3.60715 9.42351 3.72842 9.51292 3.81783C9.60234 3.90725 9.72361 3.95748 9.85006 3.95748C11.0554 3.95748 12.0566 4.35131 12.8491 5.10654C13.2562 5.51944 13.5738 6.00862 13.7817 6.54453C13.9905 7.08139 14.0858 7.65449 14.061 8.22854C14.0557 8.355 14.1009 8.47838 14.1865 8.57155C14.2722 8.66472 14.3914 8.72005 14.5178 8.72536C14.6443 8.73067 14.7676 8.68553 14.8608 8.59987C14.954 8.51421 15.0093 8.39505 15.0146 8.26859C15.0442 7.56246 14.927 6.85786 14.6704 6.19934C14.4127 5.53768 14.0219 4.93596 13.5223 4.43141L13.5127 4.42187C12.5296 3.4826 11.2861 3.00391 9.85006 3.00391Z" fill="#871A93"></path> <path d="M9.81712 4.57224C9.69067 4.57224 9.56939 4.62248 9.47998 4.71189C9.39056 4.80131 9.34033 4.92258 9.34033 5.04903C9.34033 5.17548 9.39056 5.29675 9.47998 5.38617C9.56939 5.47558 9.69067 5.52582 9.81712 5.52582H9.83333C10.703 5.5878 11.3362 5.87769 11.7796 6.35352C12.2344 6.84366 12.47 7.45299 12.4518 8.20632C12.4489 8.33277 12.4964 8.4552 12.5837 8.54667C12.6711 8.63814 12.7912 8.69116 12.9177 8.69407C13.0441 8.69698 13.1665 8.64953 13.258 8.56218C13.3495 8.47482 13.4025 8.3547 13.4054 8.22825C13.4283 7.23939 13.1098 6.38594 12.4785 5.70509V5.70318C11.833 5.01089 10.9471 4.64471 9.88101 4.5732L9.8648 4.57129L9.81712 4.57224Z" fill="#871A93"></path> <path d="M9.79897 6.16981C9.73516 6.16418 9.67087 6.17147 9.60994 6.19123C9.54901 6.211 9.49269 6.24284 9.44434 6.28485C9.39599 6.32686 9.3566 6.37819 9.32852 6.43576C9.30044 6.49334 9.28425 6.55598 9.28092 6.61995C9.27759 6.68392 9.28718 6.7479 9.30912 6.80808C9.33106 6.86826 9.3649 6.9234 9.40863 6.97021C9.45235 7.01702 9.50506 7.05454 9.56361 7.08053C9.62215 7.10652 9.68534 7.12045 9.74938 7.12148C10.148 7.14246 10.4026 7.26261 10.5628 7.42376C10.7239 7.58587 10.8441 7.8462 10.866 8.25338C10.8672 8.31736 10.8813 8.38045 10.9074 8.43889C10.9334 8.49732 10.971 8.54991 11.0179 8.59351C11.0647 8.63711 11.1199 8.67084 11.18 8.69267C11.2402 8.71451 11.3041 8.72402 11.368 8.72063C11.4319 8.71723 11.4945 8.70101 11.552 8.67292C11.6095 8.64483 11.6607 8.60546 11.7027 8.55714C11.7447 8.50882 11.7765 8.45255 11.7962 8.39168C11.816 8.33081 11.8233 8.26659 11.8177 8.20284C11.7872 7.63069 11.6079 7.1253 11.2408 6.7534C10.8717 6.38151 10.3692 6.20033 9.79897 6.16981Z" fill="#871A93"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.59319 0.509682C7.62753 -0.168592 10.7742 -0.168592 13.8085 0.509682L14.1318 0.5812C15.0188 0.779497 15.8335 1.21984 16.4853 1.85329C17.1371 2.48675 17.6005 3.28851 17.824 4.1695C18.5942 7.20463 18.5942 10.3841 17.824 13.4192C17.6005 14.3002 17.1371 15.1019 16.4853 15.7354C15.8335 16.3688 15.0188 16.8092 14.1318 17.0075L13.8076 17.079C11.9071 17.504 9.95703 17.6641 8.01271 17.5548L5.48287 19.8186C5.3875 19.904 5.27095 19.9622 5.14539 19.9872C5.01983 20.0122 4.88987 20.003 4.76907 19.9607C4.64827 19.9183 4.54106 19.8442 4.45863 19.7463C4.3762 19.6484 4.32157 19.5301 4.30044 19.4038L3.88182 16.9035C3.07909 16.6538 2.35382 16.2023 1.77535 15.5923C1.19687 14.9822 0.784513 14.234 0.577685 13.4192C-0.192562 10.3841 -0.192562 7.20462 0.577685 4.1695C0.801222 3.28851 1.26464 2.48675 1.91644 1.85329C2.56825 1.21984 3.38291 0.779497 4.26993 0.5812L4.59319 0.509682ZM13.4967 1.90476C10.6677 1.27236 7.734 1.27236 4.90501 1.90476L4.58079 1.97723C3.95212 2.11804 3.37477 2.43033 2.91287 2.87944C2.45097 3.32855 2.12258 3.8969 1.96418 4.52137C1.25254 7.32557 1.25254 10.2631 1.96418 13.0673C2.12266 13.6919 2.45118 14.2603 2.91327 14.7095C3.37535 15.1586 3.9529 15.4708 4.58175 15.6114L4.66757 15.6305C4.8064 15.6616 4.93282 15.7333 5.03066 15.8366C5.1285 15.9399 5.19332 16.07 5.21683 16.2103L5.49718 17.8867L7.28227 16.2894C7.35356 16.2255 7.43696 16.1765 7.52755 16.1453C7.61813 16.1142 7.71405 16.1016 7.8096 16.1083C9.71585 16.2435 11.6316 16.1005 13.4967 15.6839L13.82 15.6114C14.4488 15.4708 15.0264 15.1586 15.4885 14.7095C15.9505 14.2603 16.2791 13.6919 16.4375 13.0673C17.1489 10.2638 17.1489 7.32584 16.4375 4.52137C16.2791 3.89678 15.9505 3.32835 15.4885 2.87923C15.0264 2.4301 14.4488 2.11788 13.82 1.97723L13.4967 1.90476Z" fill="#871A93"></path> </svg> </span> Viber </a> <a href="viber://add?number=123456789" class="white-link lh-sm d-flex align-items-center gap-2 d-xl-none" target="_blank" rel="noopener noreferrer"> <span class="pr-footer-item-socials-icon d-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"> <path d="M5.44931 4.1501C5.27209 4.12431 5.09137 4.15998 4.93724 4.25118H4.92389C4.5663 4.46097 4.244 4.72511 3.96937 5.03597C3.74051 5.30011 3.61654 5.56712 3.58412 5.82458C3.56505 5.97715 3.5784 6.13163 3.62322 6.27753L3.64038 6.28706C3.89785 7.04325 4.23351 7.77083 4.64354 8.45549C5.17225 9.41716 5.82288 10.3066 6.5793 11.1017L6.60219 11.1341L6.63842 11.1608L6.66035 11.1865L6.68705 11.2094C7.48494 11.9681 8.37643 12.6218 9.3399 13.1547C10.4413 13.7545 11.1097 14.0377 11.5112 14.156V14.1617C11.6285 14.1979 11.7353 14.2141 11.843 14.2141C12.1849 14.1889 12.5085 14.0499 12.7623 13.8194C13.0722 13.5447 13.3344 13.2215 13.5385 12.862V12.8553C13.7302 12.4929 13.6653 12.1516 13.3888 11.9198C12.8333 11.4345 12.2327 11.0034 11.5951 10.6325C11.1679 10.4008 10.734 10.541 10.5586 10.7755L10.1838 11.2485C9.99119 11.4831 9.64218 11.4507 9.64218 11.4507L9.63265 11.4564C7.02843 10.7918 6.33328 8.15512 6.33328 8.15512C6.33328 8.15512 6.30086 7.79657 6.54211 7.61349L7.01127 7.23587C7.23631 7.05279 7.3927 6.61986 7.15145 6.19266C6.78299 5.55449 6.35277 4.95404 5.86698 4.39994C5.76103 4.26953 5.61244 4.18072 5.44741 4.14915L5.44931 4.1501ZM9.85006 3.00391C9.72361 3.00391 9.60234 3.05414 9.51292 3.14355C9.42351 3.23297 9.37327 3.35424 9.37327 3.48069C9.37327 3.60715 9.42351 3.72842 9.51292 3.81783C9.60234 3.90725 9.72361 3.95748 9.85006 3.95748C11.0554 3.95748 12.0566 4.35131 12.8491 5.10654C13.2562 5.51944 13.5738 6.00862 13.7817 6.54453C13.9905 7.08139 14.0858 7.65449 14.061 8.22854C14.0557 8.355 14.1009 8.47838 14.1865 8.57155C14.2722 8.66472 14.3914 8.72005 14.5178 8.72536C14.6443 8.73067 14.7676 8.68553 14.8608 8.59987C14.954 8.51421 15.0093 8.39505 15.0146 8.26859C15.0442 7.56246 14.927 6.85786 14.6704 6.19934C14.4127 5.53768 14.0219 4.93596 13.5223 4.43141L13.5127 4.42187C12.5296 3.4826 11.2861 3.00391 9.85006 3.00391Z" fill="#871A93"></path> <path d="M9.81712 4.57224C9.69067 4.57224 9.56939 4.62248 9.47998 4.71189C9.39056 4.80131 9.34033 4.92258 9.34033 5.04903C9.34033 5.17548 9.39056 5.29675 9.47998 5.38617C9.56939 5.47558 9.69067 5.52582 9.81712 5.52582H9.83333C10.703 5.5878 11.3362 5.87769 11.7796 6.35352C12.2344 6.84366 12.47 7.45299 12.4518 8.20632C12.4489 8.33277 12.4964 8.4552 12.5837 8.54667C12.6711 8.63814 12.7912 8.69116 12.9177 8.69407C13.0441 8.69698 13.1665 8.64953 13.258 8.56218C13.3495 8.47482 13.4025 8.3547 13.4054 8.22825C13.4283 7.23939 13.1098 6.38594 12.4785 5.70509V5.70318C11.833 5.01089 10.9471 4.64471 9.88101 4.5732L9.8648 4.57129L9.81712 4.57224Z" fill="#871A93"></path> <path d="M9.79897 6.16981C9.73516 6.16418 9.67087 6.17147 9.60994 6.19123C9.54901 6.211 9.49269 6.24284 9.44434 6.28485C9.39599 6.32686 9.3566 6.37819 9.32852 6.43576C9.30044 6.49334 9.28425 6.55598 9.28092 6.61995C9.27759 6.68392 9.28718 6.7479 9.30912 6.80808C9.33106 6.86826 9.3649 6.9234 9.40863 6.97021C9.45235 7.01702 9.50506 7.05454 9.56361 7.08053C9.62215 7.10652 9.68534 7.12045 9.74938 7.12148C10.148 7.14246 10.4026 7.26261 10.5628 7.42376C10.7239 7.58587 10.8441 7.8462 10.866 8.25338C10.8672 8.31736 10.8813 8.38045 10.9074 8.43889C10.9334 8.49732 10.971 8.54991 11.0179 8.59351C11.0647 8.63711 11.1199 8.67084 11.18 8.69267C11.2402 8.71451 11.3041 8.72402 11.368 8.72063C11.4319 8.71723 11.4945 8.70101 11.552 8.67292C11.6095 8.64483 11.6607 8.60546 11.7027 8.55714C11.7447 8.50882 11.7765 8.45255 11.7962 8.39168C11.816 8.33081 11.8233 8.26659 11.8177 8.20284C11.7872 7.63069 11.6079 7.1253 11.2408 6.7534C10.8717 6.38151 10.3692 6.20033 9.79897 6.16981Z" fill="#871A93"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.59319 0.509682C7.62753 -0.168592 10.7742 -0.168592 13.8085 0.509682L14.1318 0.5812C15.0188 0.779497 15.8335 1.21984 16.4853 1.85329C17.1371 2.48675 17.6005 3.28851 17.824 4.1695C18.5942 7.20463 18.5942 10.3841 17.824 13.4192C17.6005 14.3002 17.1371 15.1019 16.4853 15.7354C15.8335 16.3688 15.0188 16.8092 14.1318 17.0075L13.8076 17.079C11.9071 17.504 9.95703 17.6641 8.01271 17.5548L5.48287 19.8186C5.3875 19.904 5.27095 19.9622 5.14539 19.9872C5.01983 20.0122 4.88987 20.003 4.76907 19.9607C4.64827 19.9183 4.54106 19.8442 4.45863 19.7463C4.3762 19.6484 4.32157 19.5301 4.30044 19.4038L3.88182 16.9035C3.07909 16.6538 2.35382 16.2023 1.77535 15.5923C1.19687 14.9822 0.784513 14.234 0.577685 13.4192C-0.192562 10.3841 -0.192562 7.20462 0.577685 4.1695C0.801222 3.28851 1.26464 2.48675 1.91644 1.85329C2.56825 1.21984 3.38291 0.779497 4.26993 0.5812L4.59319 0.509682ZM13.4967 1.90476C10.6677 1.27236 7.734 1.27236 4.90501 1.90476L4.58079 1.97723C3.95212 2.11804 3.37477 2.43033 2.91287 2.87944C2.45097 3.32855 2.12258 3.8969 1.96418 4.52137C1.25254 7.32557 1.25254 10.2631 1.96418 13.0673C2.12266 13.6919 2.45118 14.2603 2.91327 14.7095C3.37535 15.1586 3.9529 15.4708 4.58175 15.6114L4.66757 15.6305C4.8064 15.6616 4.93282 15.7333 5.03066 15.8366C5.1285 15.9399 5.19332 16.07 5.21683 16.2103L5.49718 17.8867L7.28227 16.2894C7.35356 16.2255 7.43696 16.1765 7.52755 16.1453C7.61813 16.1142 7.71405 16.1016 7.8096 16.1083C9.71585 16.2435 11.6316 16.1005 13.4967 15.6839L13.82 15.6114C14.4488 15.4708 15.0264 15.1586 15.4885 14.7095C15.9505 14.2603 16.2791 13.6919 16.4375 13.0673C17.1489 10.2638 17.1489 7.32584 16.4375 4.52137C16.2791 3.89678 15.9505 3.32835 15.4885 2.87923C15.0264 2.4301 14.4488 2.11788 13.82 1.97723L13.4967 1.90476Z" fill="#871A93"></path> </svg> </span> Viber </a> </li> <li class="mb-2"> <a href="https://api.whatsapp.com/send?phone=123456789" class="white-link lh-sm d-flex align-items-center gap-2" target="_blank" rel="noopener noreferrer"> <span class="pr-footer-item-socials-icon d-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1714 0.000976562C4.748 0.000976562 0.342769 4.40622 0.342769 9.82961C0.342769 11.4828 0.766167 13.1058 1.55246 14.5574L0 20.001L5.44357 18.4486C6.89518 19.2449 8.51816 19.6582 10.1714 19.6582C15.5948 19.6582 20 15.253 20 9.82961C20 4.40622 15.5948 0.000976562 10.1714 0.000976562ZM10.1714 18.1461C8.67945 18.1461 7.21774 17.7429 5.92742 16.9869L5.64519 16.8155L2.19763 17.8034L3.18551 14.3558L3.02419 14.0736C2.25806 12.7933 1.85486 11.3215 1.85486 9.82961C1.85486 5.24291 5.5847 1.51307 10.1714 1.51307C14.7581 1.51307 18.4879 5.24291 18.4879 9.82961C18.4879 14.4163 14.7581 18.1461 10.1714 18.1461ZM15.1814 12.1078C15.2419 12.2086 15.242 12.7127 15.0403 13.2974C14.8287 13.8921 13.8206 14.4365 13.3669 14.4869C12.9133 14.5373 12.4899 14.6986 10.3931 13.8719C7.87297 12.8639 6.27019 10.2631 6.14922 10.1018C6.02825 9.9405 5.14116 8.75099 5.14116 7.52115C5.14116 6.29131 5.77622 5.69654 6.00808 5.43444C6.23993 5.18243 6.51215 5.12195 6.67343 5.12195C6.84481 5.12195 7.00608 5.12194 7.15729 5.13202C7.32866 5.13202 7.53026 5.13202 7.71171 5.55541C7.93348 6.04936 8.40727 7.27921 8.46776 7.39009C8.52824 7.51106 8.56858 7.66226 8.48794 7.82355C8.39721 7.98484 8.35689 8.09573 8.23592 8.23686C8.11495 8.37799 7.97383 8.55945 7.86294 8.67034C7.73189 8.79131 7.61088 8.92236 7.75201 9.17437C7.90322 9.41631 8.39716 10.2429 9.13305 10.8982C10.0806 11.755 10.877 12.0171 11.1291 12.1381C11.371 12.259 11.5222 12.2389 11.6633 12.0776C11.8145 11.9163 12.2883 11.3518 12.4496 11.0998C12.6109 10.8578 12.7722 10.8982 13.004 10.9788C13.2359 11.0594 14.4456 11.6744 14.6976 11.7953C14.9395 11.9264 15.1109 11.9869 15.1714 12.0877L15.1814 12.1078Z" fill="#43A047"></path> </svg> </span> Whatsapp </a> </li> </ul> <ul class="list-unstyled fsz-12"> <li class="mb-2"> <a rel="noopener noreferrer" href="javascript:;" class="white-link lh-sm d-flex align-items-center gap-2 pr-footer-socials-item pr-footer-socials-item-fa-facebook-f" target="_blank"> <span class="pr-footer-item-socials-icon d-grid"><i class="fab fa-facebook-f pr-footer-item-icon me-2 fsz-16"></i></span> <span class="pr-footer-socials-item-text">Facebook</span> </a> </li> <li class="mb-2"> <a rel="noopener noreferrer" href="javascript:;" class="white-link lh-sm d-flex align-items-center gap-2 pr-footer-socials-item pr-footer-socials-item-fa-twitter" target="_blank"> <span class="pr-footer-item-socials-icon d-grid"><i class="fab fa-twitter pr-footer-item-icon me-2 fsz-16"></i></span> <span class="pr-footer-socials-item-text">Twitter</span> </a> </li> <li class="mb-2"> <a rel="noopener noreferrer" href="javascript:;" class="white-link lh-sm d-flex align-items-center gap-2 pr-footer-socials-item pr-footer-socials-item-fa-instagram" target="_blank"> <span class="pr-footer-item-socials-icon d-grid"><i class="fab fa-instagram pr-footer-item-icon me-2 fsz-16"></i></span> <span class="pr-footer-socials-item-text">Instagram</span> </a> </li> </ul> </div> </div> <div class="pr-footer-item-subscribe mt-md-4 mt-lg-0 order-1 order-md-0 flex-grow-1 flex-lg-grow-0 align-self-lg-stretch"> <div class="pr-footer-item-subscribe-text d-flex align-items-center gap-3 fsz-14"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M26.9 13.5091V24.7973C26.9 27.1169 25.0196 28.9973 22.7 28.9973H7.3C4.9804 28.9973 3.1 27.1169 3.1 24.7973V13.5091M15 6.59731L15 28.9973M15 6.59731L17.5437 2.49951C18.4597 1.02389 20.3933 0.561376 21.8779 1.46279C23.367 2.36697 23.8461 4.30417 22.9502 5.79828L22.4711 6.59731M15 6.59731L12.4561 2.49927C11.5403 1.02384 9.60685 0.561512 8.12259 1.46301C6.63406 2.3671 6.15521 4.30367 7.05085 5.79729L7.53057 6.59731M3.8 13.5973H26.2C27.7464 13.5973 29 12.3437 29 10.7973V9.39734C29 7.85094 27.7464 6.59734 26.2 6.59734H3.8C2.2536 6.59734 1 7.85094 1 9.39734V10.7973C1 12.3437 2.2536 13.5973 3.8 13.5973Z" stroke="#4F5F99" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div><p>Bądź pierwszy, który dowie się o promocjach i rabatach</p><p>Zapisz się do naszego newslettera e-mailowego</p></div> </div> <form action="javascript:;" id="footer-subscribe"> <div class="input-group mt-3"> <input type="email" id="InputSubscribeEmail" class="form-control pr-footer-item-subscribe-input" name="email" inputmode="email" placeholder="Wprowadź swój adres e-mail" aria-label="Email address"> <button type="submit" id="footer-make-subscribe" class="button button-secondary pr-footer-item-subscribe-button px-4"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M8.70362 14.7009C8.97976 14.7009 9.20362 14.477 9.20362 14.2009C9.20362 13.9247 8.97976 13.7009 8.70362 13.7009V14.7009ZM16.5 9.80201C16.5 10.0782 16.7239 10.302 17 10.302C17.2761 10.302 17.5 10.0782 17.5 9.80201H16.5ZM1.82893 5.45679L1.58797 5.8949H1.58797L1.82893 5.45679ZM7.8434 8.76475L8.08435 8.32664L7.8434 8.76475ZM10.1566 8.76475L9.91565 8.32664L10.1566 8.76475ZM16.1711 5.45679L15.9301 5.01868L15.9301 5.01868L16.1711 5.45679ZM12.1536 14.6473C11.9583 14.4521 11.6417 14.4521 11.4464 14.6473C11.2512 14.8426 11.2512 15.1592 11.4464 15.3544L12.1536 14.6473ZM13.4 16.6009L13.0464 16.9544C13.2417 17.1497 13.5583 17.1497 13.7536 16.9544L13.4 16.6009ZM17.3536 13.3544C17.5488 13.1592 17.5488 12.8426 17.3536 12.6473C17.1583 12.4521 16.8417 12.4521 16.6464 12.6473L17.3536 13.3544ZM3.4 1.90088H14.6V0.900879H3.4V1.90088ZM1.5 11.8009V3.80088H0.5V11.8009H1.5ZM3.4 13.7009C2.35066 13.7009 1.5 12.8502 1.5 11.8009H0.5C0.5 13.4025 1.79837 14.7009 3.4 14.7009V13.7009ZM14.6 1.90088C15.6493 1.90088 16.5 2.75154 16.5 3.80088H17.5C17.5 2.19925 16.2016 0.900879 14.6 0.900879V1.90088ZM3.4 0.900879C1.79837 0.900879 0.5 2.19925 0.5 3.80088H1.5C1.5 2.75154 2.35066 1.90088 3.4 1.90088V0.900879ZM8.70362 13.7009H3.4V14.7009H8.70362V13.7009ZM16.5 3.80088V9.80201H17.5V3.80088H16.5ZM1.58797 5.8949L7.60244 9.20285L8.08435 8.32664L2.06989 5.01868L1.58797 5.8949ZM10.3976 9.20285L16.412 5.8949L15.9301 5.01868L9.91565 8.32664L10.3976 9.20285ZM1.5 4.05484V3.80088H0.5V4.05484H1.5ZM16.5 3.80088V4.05485H17.5V3.80088H16.5ZM16.412 5.8949C17.0831 5.52582 17.5 4.8207 17.5 4.05485H16.5C16.5 4.45601 16.2816 4.82536 15.9301 5.01868L16.412 5.8949ZM7.60244 9.20285C8.47268 9.68149 9.52732 9.68149 10.3976 9.20285L9.91565 8.32664C9.34549 8.64022 8.65451 8.64022 8.08435 8.32664L7.60244 9.20285ZM2.06989 5.01868C1.71839 4.82536 1.5 4.45601 1.5 4.05484H0.5C0.5 4.8207 0.916919 5.52582 1.58797 5.8949L2.06989 5.01868ZM11.4464 15.3544L13.0464 16.9544L13.7536 16.2473L12.1536 14.6473L11.4464 15.3544ZM13.7536 16.9544L17.3536 13.3544L16.6464 12.6473L13.0464 16.2473L13.7536 16.9544Z" fill="#FFFDFF"></path> </svg> <span class="d-lg-none d-xl-inline-block">Subskrybuj</span> </button> </div> <div class="form-check d-flex align-items-center gap-2 mt-2"> <input type="checkbox" class="form-check-input" name="agree" id="oct-scales-static"> <label class="form-check-label d-flex align-items-center fsz-12 grey-text" for="oct-scales-static">Przeczytałem <a href="https://dev.beatcar.eu/pl/index.php?route=information/information&information_id=3" class="agree" data-rel="3">Privacy Policy</a> i zgadzam się z warunkami</label> </div> </form> </div> <script> const subscribeUrl = 'https://dev.beatcar.eu/pl/index.php?route=octemplates/module/oct_subscribe/makeSubscribe'; $("#InputSubscribeEmail, #oct-scales-static").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('#footer-make-subscribe').on('click', function() { $.ajax({ type: 'post', url: subscribeUrl, dataType: 'json', cache: false, data: $('#footer-subscribe').serialize(), success: function(json) { if (json['error']) { $('#us-subscribe-modal .text-danger').remove(); let errorOption = ''; $.each(json['error'], function(i, val) { $('#footer-subscribe [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); prNotify('danger', errorOption); } else { if (json['output']) { $('#footer-subscribe [name="email"]').val(''); prNotify('success', '<div class="alert-text-item">' + json['output'] + '</div>'); $('#footer-subscribe [name="agree"]').prop('checked', false); } } } }); }); </script> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="pr-footer-item-copyright d-flex justify-content-center align-items-center gap-2"> <span class="fsz-12 grey-text text-center">Powered By <a href="http://www.opencart.com">OpenCart</a><br /> Your Store © 2026</span> </div> </div> </div> </div> <div id="fixed_contact_substrate"></div> <div id="fixed_contact_button" class="d-flex align-items-center justify-content-center fixed_contact_button"> <div class="fixed-contact-pulsation"></div> <div class="fixed-contact-icon text-center align-items-center justify-content-center"> <i class="fas fa-envelope"></i> <i class="fas fa-comment-dots" style="display: none; opacity: 0;"></i> <span class="fixed-contact-text d-none">Opinie</span> </div> <div class="fixed-contact-dropdown d-flex flex-column align-items-start"> <a rel="noopener noreferrer" href="viber://chat?number=+123456789" target="_blank" class="fixed-contact-item d-none d-xl-flex align-items-center fixed-contact-viber-desktop"><span class="fixed-contact-item-icon fixed-contact-viber d-flex align-items-center justify-content-center"><i class="fab fa-viber"></i></span><span>Viber</span></a> <a rel="noopener noreferrer" href="viber://add?number=123456789" target="_blank" class="fixed-contact-item d-flex d-xl-none align-items-center fixed-contact-viber-mobile"><span class="fixed-contact-item-icon fixed-contact-viber d-flex align-items-center justify-content-center"><i class="fab fa-viber"></i></span><span>Viber</span></a> <a rel="noopener noreferrer" href="https://t.me/123456789" target="_blank" class="fixed-contact-item d-flex align-items-center"><span class="fixed-contact-item-icon fixed-contact-telegram d-flex align-items-center justify-content-center"><i class="fab fa-telegram"></i></span><span>Telegram</span></a> <a rel="noopener noreferrer" href="https://api.whatsapp.com/send?phone=123456789" target="_blank" class="fixed-contact-item d-flex align-items-center"><span class="fixed-contact-item-icon fixed-contact-whatsapp d-flex align-items-center justify-content-center"><i class="fab fa-whatsapp"></i></span><span>WhatsApp</span></a> <a rel="noopener noreferrer" href="mailto:stackand@gmail.com" class="fixed-contact-item d-flex align-items-center"><span class="fixed-contact-item-icon fixed-contact-email d-flex align-items-center justify-content-center"><i class="far fa-envelope"></i></span><span>stackand@gmail.com</span></a> <div id="uptocall-mini" onclick="octPopupCallPhone()" class="fixed-contact-item d-flex align-items-center"><span class="fixed-contact-item-icon fixed-contact-call d-flex align-items-center justify-content-center"><i class="fas fa-phone"></i></span><span>Oddzwonienie</span></div> <a href="https://dev.beatcar.eu/pl/index.php?route=information/contact" class="fixed-contact-item d-flex align-items-center"><span class="fixed-contact-item-icon fixed-contact-contacts d-flex align-items-center justify-content-center"><i class="fas fa-address-book"></i></span><span>Opinie</span></a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { fixedContacts(); }); </script> </footer> <div id="overlay"></div> <script> document.addEventListener("DOMContentLoaded", function() { const ratingContainers = document.querySelectorAll('.pr-module-item-rating-stars'); ratingContainers.forEach(container => { const rating = parseFloat(container.getAttribute('data-rating')); updateRating(container, rating); }); }); </script> <div class="modal-holder"></div> <script> function get_oct_policy() { $.ajax({ url: "index.php?route=octemplates/main/oct_functions/getOctPolicy", type: "post", dataType: "json", cache: false, success: function(t) { if (t['text_oct_policy']) { var html = '<div id="oct-policy" class="fixed-bottom py-4 container"><div class="row"><div class="col-lg-12"><div class="content-block d-flex align-items-center justify-content-between flex-column flex-md-row br-12 border mx-3 mx-lg-4"><div class="oct-policy-text dark-text fsz-14 mb-3 mb-md-0 me-md-4">'+ t['text_oct_policy'] +'</div><button type="button" id="oct-policy-btn" class="button button-primary button-small py-2 px-3 br-4">'+ t['oct_policy_accept'] +'</button></div></div></div></div>'; $('body').append(html); $('#oct-policy-btn').on('click', function () { $('#oct-policy').addClass('hidden'); const date = new Date(t['oct_policy_day_now'].replace(/-/g, "/")); date.setTime(date.getTime() + (t['oct_max_day'] 24 * 60 * 60 * 1000)); document.cookie = t['oct_policy_value']+'=1; path=/; expires=' + date.toUTCString(); }); } }, error: function(e, t, i) { console.log("error get_oct_policy"); } }); } $(function() { if (getOCTCookie('oct_policy') == 'undefined') { get_oct_policy(); } }); </script> <script async src="https://dev.beatcar.eu/catalog/view/theme/oct_promo/js/oct-fonts.js"></script> <link rel="stylesheet" href="https://dev.beatcar.eu/catalog/view/theme/oct_promo/stylesheet/all.css" media="print" onload="this.media='all'"> <script src="https://dev.beatcar.eu/catalog/view/theme/oct_promo/js/swiper/swiper.min.js" defer></script> </body> </html>