info@danabike.hu+36204112030
01013
Funkciók: - Pillanatnyi sebesség (399.9 km/h-ig) - Átlag sebesség - Maximum sebesség - Napi megtett távolság - Összes megtett távolság - Napi futott idő - Összes futott idő - Időóra - Automata start / stop - 3 nyelvű
<div class="product-reviews__title main-title">Vélemények</div> <div class="product-reviews__be-the-first text-center mb-4">Legyen Ön az első, aki véleményt ír!</div> <div class="product-reviews__write-your-own-opinion text-center"> <a class="product-review__write-review-btn btn btn-primary mb-4" href="https://danabike.hu/shop_artforum.php?cikk=bf01013">Véleményt írok<svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M311.9 166.1L112 366.1l0-36c0-55.2 21.9-108.1 60.9-147.1L276.7 79.2c20-20 47.1-31.2 75.3-31.2s55.3 11.2 75.3 31.2l5.5 5.5c20 20 31.2 47.1 31.2 75.3c0 16.8-4 33.3-11.4 48H337.9l7.9-7.9c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0zm-22 89.9H412.1l-48 48H241.9l48-48zm24.9 96c-37.2 30.9-84.2 48-132.9 48h-36l48-48H314.9zM64 330v84L7 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h84c67.9 0 133-27 181-75L466.7 269.3c29-29 45.3-68.3 45.3-109.3s-16.3-80.3-45.3-109.3l-5.5-5.5C432.3 16.3 393 0 352 0s-80.3 16.3-109.3 45.3L139 149C91 197 64 262.1 64 330z"/></svg></a> </div> </section> </div> </div> </form> <div class="fixed-cart js-fixed-cart" id="artdet__fixed-cart"> <div class="container"> <div class="row gx-5 gy-2 align-items-center py-2"> <div class="col-auto fixer-cart__img-col"> <img class="fixed-cart__img" width="60" height="60" loading="lazy" src="https://danabike.hu/img/92422/bf01013/60x60,r/bf01013.jpg?time=1678906636" srcset="https://danabike.hu/img/92422/bf01013/120x120,r/bf01013.jpg?time=1678906636" alt="Computer Sigma MC 10"> </div> <div class="col"> <div class="d-flex flex-column flex-md-row align-items-md-center"> <div class="fixed-cart__name line-clamp--3-12">Computer Sigma MC 10 </div> <div class="fixed-cart__prices row g-0 align-items-center ms-md-auto has-price-sale"> <div class="col d-flex flex-wrap gx-1 align-items-baseline flex-md-column"> <div class="fixed-cart__price-base-outer"> <div class="badge badge--sale font-xxs mb-0"> <span id="price_save_bf01013" data-after="%" aria-label="Kedvezmény">10</span> </div> <span class="fixed-cart__price fixed-cart__price--base product-price--base" tabindex="0" data-tippy="Az áthúzott ár az árcsökkentés alkalmazását megelőző 30 nap legalacsonyabb eladási ára."> <span class="fixed-cart__price-base-value text-line-through"><span class='price-gross-format'><span id='price_net_brutto_bf01013' class='price_net_brutto_bf01013 price-gross'>11 990</span><span class='price-currency'> Ft</span></span></span><span class="info-icon"><svg class="icon-set"><use href="#icon-circle-info"></use></svg></span></span> </div> <div class="fixed-cart__price fixed-cart__price-discount product-price--sale"> <span class='price-gross-format'><span id='price_akcio_brutto_bf01013' class='price_akcio_brutto_bf01013 price-gross'>10 790</span><span class='price-currency'> Ft</span></span></div> </div> </div> </div> </div> <div class="col-auto"> <button class="fixed-cart__btn product-main-btn btn btn-square" type="button" aria-label="Kosárba" title="Kosárba" onclick="$('.js-main-product-cart-btn').trigger('click');" > <svg class="icon-set"><use href="#icon-basket-shopping"></use></svg> </button> </div> </div> </div> </div> <script> $(document).ready(function () { const $itemVisibilityCheck = $(".js-main-cart-btn"); const $stickyCart = $(".js-fixed-cart"); const $html = $('html'); document.documentElement.style.setProperty('--fixed-cart-height-on-artdet', $stickyCart.outerHeight() + 'px'); const cartObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if(entry.isIntersecting) { $stickyCart.removeClass('is-visible'); $html.removeClass('fixed-cart-on-artdet-visible'); } else { $stickyCart.addClass('is-visible'); $html.addClass('fixed-cart-on-artdet-visible'); } }); }); cartObserver.observe($itemVisibilityCheck[0]); }); </script> <link rel="preload" href="https://danabike.hu/!common_packages/jquery/plugins/photoswipe/css/default-skin.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://danabike.hu/!common_packages/jquery/plugins/photoswipe/css/photoswipe.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <script defer src="https://danabike.hu/!common_packages/jquery/plugins/photoswipe/photoswipe.min.js"></script> <script defer src="https://danabike.hu/!common_packages/jquery/plugins/photoswipe/photoswipe-ui-default.min.js"></script> <div class="photoSwipeDatas invisible"> <a href="https://danabike.hu/img/92422/bf01013/bf01013.jpg?time=1678906636" data-size="250x250"></a> </div> <script> var $clickElementToInitPs = '.js-init-ps'; var initPhotoSwipeFromDOM = function() { var $pswp = $('.pswp')[0]; var $psDatas = $('.photoSwipeDatas'); $psDatas.each( function() { var $pics = $(this), getItems = function() { var items = []; $pics.find('a').each(function() { var $this = $(this), $href = $this.attr('href'), $size = $this.data('size').split('x'), $width = $size[0], $height = $size[1], item = { src : $href, w : $width, h : $height }; items.push(item); }); return items; }; var items = getItems(); $($clickElementToInitPs).on('click keydown', function (event) { if (event.type == 'keydown' && event.key == 'Enter' || event.type == 'click') { event.preventDefault(); const $this = $(this); if (event.type == 'click') { $this.focus(); } UNAS.design.active_element = this; // Mentjük az aktuális fókuszált elemet const $index = parseInt($this.attr('data-loop-index')); const options = { index: $index, history: false, bgOpacity: 1, preventHide: true, shareEl: false, showHideOpacity: true, showAnimationDuration: 200, getDoubleTapZoom: function (isMouseClick, item) { if (isMouseClick) { return 1; } else { return item.initialZoomLevel < 0.7 ? 1 : 1.5; } } }; const photoSwipe = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options); photoSwipe.listen('close', () => { if (UNAS.design.active_element && typeof UNAS.design.active_element.focus === 'function') { UNAS.design.active_element.focus(); UNAS.design.active_element = null; } setTimeout(() => { $pswp.setAttribute("aria-hidden", "true"); }, 100); }); photoSwipe.listen('afterInit', () => { $pswp.removeAttribute("aria-hidden"); announceToScreenReader?.('modalOpen',{'label': `Képek`}); const handleFocusOut = (e) => { const newFocusTarget = e.relatedTarget; if (newFocusTarget && !$pswp.contains(newFocusTarget)) { photoSwipe.close(); } }; $pswp.addEventListener('focusout', handleFocusOut); photoSwipe.listen('destroy', () => { $pswp.removeEventListener('focusout', handleFocusOut); announceToScreenReader?.('modalClose',{'label': `Képek`}); }); }); photoSwipe.init(); } }); }); }; $(document).ready(function() { initPhotoSwipeFromDOM(); }); </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="btn pswp__button pswp__button--close" type="button" aria-label="Bezár"><svg class="icon-set"><use href="#icon-xmark"></use></svg></button> <button class="btn pswp__button pswp__button--fs" type="button" aria-label="teljes képernyős mód" aria-pressed="false"> <svg class="icon-set pswp__button--expand-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M136 64c13.3 0 24 10.7 24 24s-10.7 24-24 24H48v88c0 13.3-10.7 24-24 24s-24-10.7-24-24V88C0 74.7 10.7 64 24 64H136zM0 312c0-13.3 10.7-24 24-24s24 10.7 24 24v88h88c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V312zM488 64c13.3 0 24 10.7 24 24V200c0 13.3-10.7 24-24 24s-24-10.7-24-24V112H376c-13.3 0-24-10.7-24-24s10.7-24 24-24H488zM464 312c0-13.3 10.7-24 24-24s24 10.7 24 24V424c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h88V312z"/></svg> <svg class="icon-set pswp__button--compress-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M160 88c0-13.3-10.7-24-24-24s-24 10.7-24 24v88H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H136c13.3 0 24-10.7 24-24V88zM24 288c-13.3 0-24 10.7-24 24s10.7 24 24 24h88v88c0 13.3 10.7 24 24 24s24-10.7 24-24V312c0-13.3-10.7-24-24-24H24zM400 88c0-13.3-10.7-24-24-24s-24 10.7-24 24V200c0 13.3 10.7 24 24 24H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H400V88zM376 288c-13.3 0-24 10.7-24 24V424c0 13.3 10.7 24 24 24s24-10.7 24-24V336h88c13.3 0 24-10.7 24-24s-10.7-24-24-24H376z"/></svg> </button> <button class="btn pswp__button pswp__button--zoom" type="button" aria-label="nagyítás" aria-pressed="false"> <svg class="icon-set pswp__button--magnifying-glass-plus"><use href="#icon-magnifying-glass-plus"></use></svg> <svg class="icon-set pswp__button--magnifying-glass-minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M208 48a160 160 0 1 1 0 320 160 160 0 1 1 0-320zm0 368c48.8 0 93.7-16.8 129.1-44.9L471 505c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L371.1 337.1C399.2 301.7 416 256.8 416 208C416 93.1 322.9 0 208 0S0 93.1 0 208S93.1 416 208 416zM136 184c-13.3 0-24 10.7-24 24s10.7 24 24 24H280c13.3 0 24-10.7 24-24s-10.7-24-24-24H136z"/></svg> </button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="btn pswp__button pswp__button--arrow--left" type="button" aria-label="előző"> <svg class="icon-set"><use href="#icon-arrow-left"></use></svg> </button> <button class="btn pswp__button pswp__button--arrow--right" type="button" aria-label="következő"> <svg class="icon-set"><use href="#icon-arrow-right"></use></svg> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", () => { $('.read-more:not(.is-processed)').each(readMoreOpener); }); </script> </div> </main> <footer id="footer" class='footer footer--v2 footer-menu-count--3' > <div class="container px-8 px-xl-7"> <div class="row gy-9 gx-8"> <div class="footer_v2_menu_1 layout--html_listing element js-element footer__nav footer__nav-1 col-xs-6 col-lg" data-element-name="footer_v2_menu_1"> <div class="footer__header footer__header microcaps">Vásárlói fiók</div> <ul> <li><a href="javascript:overlay_login();">Belépés</a></li> <li><a href="https://danabike.hu/shop_reg.php">Regisztráció</a></li> <li><a href="https://danabike.hu/shop_order_track.php">Profilom</a></li> <li><a href="https://danabike.hu/shop_cart.php">Kosár</a></li> <li><a href="https://danabike.hu/shop_order_track.php?tab=favourites">Kedvenceim</a></li> </ul> </div> <div class="footer_v2_menu_2 layout--html_listing element js-element footer__nav footer__nav-2 col-xs-6 col-lg" data-element-name="footer_v2_menu_2"> <div class="footer__header footer__header microcaps">Információk</div> <ul> <li><a href="https://danabike.hu/shop_help.php?tab=terms">Általános szerződési feltételek</a></li> <li><a href="https://danabike.hu/shop_help.php?tab=privacy_policy">Adatkezelési tájékoztató</a></li> <li><a href="https://danabike.hu/shop_contact.php?tab=payment">Fizetés</a></li> <li><a href="https://danabike.hu/shop_contact.php?tab=shipping">Szállítás</a></li> <li><a href="https://danabike.hu/shop_contact.php">Elérhetőségek</a></li> <li><a href="#" role="button" class="cookie-alert__btn-open d-none" onclick="cookie_alert_action(0,-1); return false;">Adatkezelési beállítások</a></li> </ul> </div> <div class="footer__nav footer__nav-5 align-items-center text-center col-md-5 align-items-md-end text-md-end"> <div class="footer__nav-inner d-flex flex-column gy-7"> <div class="footer_v2_menu_5 layout--html_listing element js-element d-flex flex-column gy-7" data-element-name="footer_v2_menu_5"> <a class="has-img" href="https://danabike.hu/"> <picture> <source width="81" height="80" media="(max-width: 575.98px)" srcset="https://danabike.hu/!common_design/custom/danabike.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1777396335"> <source width="81" height="80" media="(max-width: 767.98px)" srcset="https://danabike.hu/!common_design/custom/danabike.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1777396335"> <source width="81" height="80" media="(max-width: 991.98px)" srcset="https://danabike.hu/!common_design/custom/danabike.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1777396335"> <source width="81" height="80" srcset="https://danabike.hu/!common_design/custom/danabike.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1777396335 1x"> <img width="81" height="80" loading="lazy" src="https://danabike.hu/!common_design/custom/danabike.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1777396335" alt="Danabike Kerékpáros Webáruház" > </picture> </a> <p>© Danabike.hu</p> <div class="element-links d-flex flex-column"> <a class="element-link element-icon-plus-text icon-link" href="https://maps.google.com/?q=2360+Gy%C3%A1l%2C+G%C3%A1bor+%C3%81ron+u.+29." target="_blank"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 12.4 4.5 31.6 15.3 57.2c10.5 24.8 25.4 52.2 42.5 79.9c28.5 46.2 61.5 90.8 86.2 122.6c24.8-31.8 57.8-76.4 86.2-122.6c17.1-27.7 32-55.1 42.5-79.9C331.5 223.6 336 204.4 336 192zm48 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg><span>2360 Gyál, Gábor Áron u. 29.</span></a> <a class="element-link element-icon-plus-text icon-link" href="tel:+36204112030" target="_blank"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M375.8 275.2c-16.4-7-35.4-2.4-46.7 11.4l-33.2 40.6c-46-26.7-84.4-65.1-111.1-111.1L225.3 183c13.8-11.3 18.5-30.3 11.4-46.7l-48-112C181.2 6.7 162.3-3.1 143.6 .9l-112 24C13.2 28.8 0 45.1 0 64v0C0 295.2 175.2 485.6 400.1 509.5c9.8 1 19.6 1.8 29.6 2.2c0 0 0 0 0 0c0 0 .1 0 .1 0c6.1 .2 12.1 .4 18.2 .4l0 0c18.9 0 35.2-13.2 39.1-31.6l24-112c4-18.7-5.8-37.6-23.4-45.1l-112-48zM441.5 464C225.8 460.5 51.5 286.2 48.1 70.5l99.2-21.3 43 100.4L154.4 179c-18.2 14.9-22.9 40.8-11.1 61.2c30.9 53.3 75.3 97.7 128.6 128.6c20.4 11.8 46.3 7.1 61.2-11.1l29.4-35.9 100.4 43L441.5 464zM48 64v0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0s0 0 0 0"/></svg><span>+36204112030</span></a> <a class="element-link element-icon-plus-text icon-link" href="mailto:info@danabike.hu" target="_blank"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg><span>info@danabike.hu</span></a> </div> </div> </div> </div> </div> </div> </footer> <div id="provider-partners" role="region" aria-label="Partnereink"> <div class="container d-flex flex-column gap-7 align-items-center justify-content-center flex-md-row"> <div id="partners" class='partners d-inline-flex flex-wrap gap-4 align-items-center justify-content-center justify-content-md-end' style=' --checkout_img_maxwidth:400px;--checkout_img_maxheight:40px; --partner_img_maxwidth:400px;--partner_img_maxheight:40px;' > <div class="partner__item"> <div id="box_partner_arukereso" style="background:#FFF; width:130px; margin:0 auto; padding:3px 0 1px;"> <!-- ÁRUKERESŐ.HU CODE - PLEASE DO NOT MODIFY THE LINES BELOW --> <div style="background:transparent; text-align:center; padding:0; margin:0 auto; width:120px"> <a title="Árukereső.hu" href="https://www.arukereso.hu/" style="display: flex;border:0; padding:0;margin:0 0 2px 0;" target="_blank"><svg viewBox="0 0 374 57"><style type="text/css">.ak1{fill:#0096FF;}.ak3{fill:#FF660A;}</style><path class="ak1" d="m40.4 17.1v24.7c0 4.7 1.9 6.7 6.5 6.7h1.6v7h-1.6c-8.2 0-12.7-3.1-13.9-9.5-2.9 6.1-8.5 10.2-15.3 10.2-10.3 0-17.7-8.6-17.7-19.9s7.4-19.9 17.3-19.9c7.3 0 12.8 4.7 15.2 11.8v-11.1zm-20.5 31.8c7.3 0 12.6-5.4 12.6-12.6 0-7.3-5.2-12.7-12.6-12.7-6.5 0-11.8 5.4-11.8 12.7 0 7.2 5.3 12.6 11.8 12.6zm3.3-48.8h8.8l-8.8 12h-8z"></path><path class="ak1" d="m53.3 17.1h7.9v10.1c2.7-9.6 8.8-11.9 15-10.4v7.5c-8.4-2.3-15 2.1-15 9.4v21.7h-7.9z"></path><path class="ak1" d="m89.2 17.1v22.5c0 5.6 4 9.4 9.6 9.4 5.4 0 9.5-3.8 9.5-9.4v-22.5h7.9v22.5c0 9.9-7.4 16.7-17.4 16.7-10.1 0-17.5-6.8-17.5-16.7v-22.5z"></path><path class="ak1" d="m132.6 55.5h-7.9v-55.5h7.9v35.1l16.2-17.9h9.9l-14.8 16 17.7 22.3h-10l-13-16.5-6 6.4z"></path><path class="ak1" d="m181.2 16.4c12.3 0 21.1 10 19.7 22.6h-31.7c1.1 6.1 6 10.4 12.6 10.4 5 0 9.1-2.6 11.3-6.8l6.6 2.9c-3.3 6.3-9.7 10.7-18.1 10.7-11.5 0-20.3-8.6-20.3-19.9-0.1-11.3 8.5-19.9 19.9-19.9zm11.7 16.4c-1.3-5.5-5.7-9.6-11.8-9.6-5.8 0-10.4 4-11.8 9.6z"></path><path class="ak1" d="m208.5 17.1h7.9v10.1c2.7-9.6 8.8-11.9 15-10.4v7.5c-8.4-2.3-15 2.1-15 9.4v21.7h-7.9z"></path><path class="ak1" d="m252.4 16.4c12.3 0 21.1 10 19.7 22.6h-31.7c1.1 6.1 6 10.4 12.6 10.4 5 0 9.1-2.6 11.3-6.8l6.6 2.9c-3.3 6.3-9.7 10.7-18.1 10.7-11.5 0-20.3-8.6-20.3-19.9s8.6-19.9 19.9-19.9zm11.8 16.4c-1.3-5.5-5.7-9.6-11.8-9.6-5.8 0-10.4 4-11.8 9.6z"></path><path class="ak1" d="m293.7 49.8c5 0 8.3-2.2 8.3-5.2 0-8.8-23.5-1.6-23.5-16.6 0-6.7 6.4-11.6 15.1-11.6 8.8 0 14.5 4.3 15.7 10.9l-7.9 1.7c-0.6-4-3.4-6.2-7.8-6.2-4.2 0-7.2 2-7.2 4.9 0 8.5 23.5 1.4 23.5 16.9 0 6.8-7.1 11.7-16.3 11.7s-15.1-4.3-16.3-10.9l7.9-1.7c0.8 4 3.7 6.1 8.5 6.1z"></path><path class="ak1" d="m335.4 16.4c11.5 0 20.3 8.6 20.3 19.9 0 11.2-8.8 19.9-20.3 19.9s-20.3-8.6-20.3-19.9 8.8-19.9 20.3-19.9zm0 32.5c7 0 12.2-5.4 12.2-12.6 0-7.3-5.2-12.7-12.2-12.7-6.9 0-12.2 5.4-12.2 12.7 0 7.2 5.3 12.6 12.2 12.6zm-3.6-48.8h7.9l-8.8 12h-7.2zm13.4 0h8l-8.9 12h-7.2z"></path><path class="ak3" d="m369 46.2c2.7 0 4.9 2.2 4.9 4.9s-2.2 4.9-4.9 4.9-4.9-2.2-4.9-4.9c-0.1-2.6 2.2-4.9 4.9-4.9zm-4-46.2h7.9v40h-7.9z"></path></svg></a> <a title="Árukereső.hu" style="line-height:16px;font-size: 11px; font-family: Arial, Verdana; color: #000" href="https://www.arukereso.hu/" target="_blank">Árukereső.hu</a> </div> <!-- ÁRUKERESŐ.HU CODE END --> </div> </div> <a class="partner__item has-img" href="https://aprohirdetesingyen.hu" target="_blank" title="aprohirdetesingyen.hu" > <img class="partner__img" alt="aprohirdetesingyen.hu" loading="lazy" width="120" height="40" src="https://danabike.hu/!common_design/own/image/logo/partner/logo_partner_frame_aprohirdetesingyen_hu.jpg" data-srcset="https://danabike.hu/!common_design/own/image/logo/partner/logo_partner_frame_aprohirdetesingyen_hu-2x.jpg 2x" > </a> <a href="https://www.barion.com/" target="_blank" class="checkout__item with-svg checkout__img-link has-img" rel="nofollow noopener"> <img class="checkout__img" title="A kényelmes és biztonságos online fizetést a Barion Payment Zrt. biztosítja, MNB engedély száma: H-EN-I-1064/2013. Bankkártya adatai áruházunkhoz nem jutnak el." alt="A kényelmes és biztonságos online fizetést a Barion Payment Zrt. biztosítja, MNB engedély száma: H-EN-I-1064/2013. Bankkártya adatai áruházunkhoz nem jutnak el." loading="lazy" src="https://danabike.hu/!common_design/own/image/logo/svg_dark/logo_checkout_barion_com_box.svg" width="397" height="40" > </a> <div class="certificate__item"> <a title="Árukereső, a hiteles vásárlási kalauz" href="https://www.arukereso.hu/" target="_blank" class="text_normal has-img"><img src="https://image.arukereso.hu/trustedbadge/207810-150x74-5b94cbe2e4c36e7bbb9af993a0fc893b.png" alt="Árukereső, a hiteles vásárlási kalauz" /></a> </div> </div> <script> $(document).ready(function () { $("#provider_link_click").click(function(e) { window.open("https://unas.hu/?utm_source=92422&utm_medium=ref&utm_campaign=shop_provider"); }); });</script><a id='provider_link_click' href='#' class='text_normal has-img' title='Webáruház készítés'><img src='https://danabike.hu/!common_design/own/image/logo_unas_dark.svg' width='60' height='15' alt='Webáruház készítés' title='Webáruház készítés' loading='lazy'></a> </div> </div> <div id="offcanvases"> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-box-login" aria-labelledby="offcanvas-box-login-label"> <div class="offcanvas-header"> <div class="offcanvas-title h4" id="offcanvas-box-login-label">Belépés</div> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Bezár"><svg class="icon-set"><use href="#icon-xmark"></use></svg></button> </div> <div class="offcanvas-body"> <div id="box_login_content" class="logged-out"> <form name="form_login" action="https://danabike.hu/shop_logincheck.php" method="post"><input name="file_back" type="hidden" value="/Computer-Sigma-MC-10"><input type="hidden" name="login_redir" value="" id="login_redir"> <div class="form-group"> <label class="form-label" for="shop_user_login">Email</label> <div class="input-group"> <span class="input-group-text"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg></span> <input name="shop_user_login" id="shop_user_login" type="email" autocomplete="email" maxlength="100" class="form-control" spellcheck="false" autocapitalize="off" required > </div> </div> <div class="form-group"> <label class="form-label" for="shop_pass_login">Jelszó</label> <div class="input-group"> <span class="input-group-text"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M208 176c0-70.7 57.3-128 128-128s128 57.3 128 128s-57.3 128-128 128c-10.4 0-20.5-1.2-30.1-3.6c-8.1-2-16.7 .4-22.6 6.4L254.1 336H200c-13.3 0-24 10.7-24 24v40H136c-13.3 0-24 10.7-24 24v40H48V385.9L205.2 228.7c5.9-5.9 8.3-14.5 6.4-22.6c-2.3-9.6-3.6-19.7-3.6-30.1zM336 0C238.8 0 160 78.8 160 176c0 9.5 .7 18.8 2.2 27.9L7 359c-4.5 4.5-7 10.6-7 17V488c0 13.3 10.7 24 24 24H136c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l27.2-27.2c9.1 1.4 18.4 2.2 27.9 2.2c97.2 0 176-78.8 176-176S433.2 0 336 0zm32 176a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg></span> <input name="shop_pass_login" id="shop_pass_login" type="password" maxlength="100" class="form-control" spellcheck="false" autocomplete="current-password" autocapitalize="off" required > </div> </div> <div class="d-flex flex-column gap-5"> <button type="submit" class="login-box__login-btn btn btn-primary">Belép<svg class="icon-set"><use href="#icon-arrow-right"></use></svg> </button> <button class="login-box__remind-btn icon-link font-s align-self-center" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-box-remind" aria-controls="offcanvas-box-remind">Elfelejtettem a jelszavamat <svg class="icon-set"><use href="#icon-caret-right"></use></svg></button> <a class="login-box__reg-btn btn btn-secondary" href="https://danabike.hu/shop_reg.php?no_reg=0">Regisztráció<svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 128a80 80 0 1 1 160 0 80 80 0 1 1 -160 0zm208 0A128 128 0 1 0 96 128a128 128 0 1 0 256 0zM269.7 352c65.7 0 120.1 48.7 129 112H49.3c8.9-63.3 63.3-112 129-112h91.4zm-91.4-48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H224 178.3zM504 312c0 13.3 10.7 24 24 24s24-10.7 24-24V248h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H552V136c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H440c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z"/></svg> </a> </div> </form> </div> </div> </div> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-box-remind" aria-labelledby="offcanvas-box-remind-label"> <div class="offcanvas-header"> <div class="offcanvas-title h4" id="offcanvas-box-remind-label">Elfelejtett jelszó</div> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Bezár"><svg class="icon-set"><use href="#icon-xmark"></use></svg></button> <button type="button" class="btn-close btn-back" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-box-login" aria-controls="offcanvas-box-login" aria-label="vissza" > <svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M7.4 273.4C2.7 268.8 0 262.6 0 256s2.7-12.8 7.4-17.4l176-168c9.6-9.2 24.8-8.8 33.9 .8s8.8 24.8-.8 33.9L83.9 232 424 232c13.3 0 24 10.7 24 24s-10.7 24-24 24L83.9 280 216.6 406.6c9.6 9.2 9.9 24.3 .8 33.9s-24.3 9.9-33.9 .8l-176-168z"/></svg> </button> </div> <div class="offcanvas-body"> <form name="form_remind" onsubmit="return check_remind(event);"><input name="file_back" type="hidden" value="/Computer-Sigma-MC-10"><input name="ajax" type="hidden" value="1"> <div class="form-group"> <label class="form-label" for="remind_username">Email</label> <div class="input-group has-validation"> <span class="input-group-text"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg></span> <input class="form-control" name="shop_user_login" id="remind_username" type="email" autocomplete="email" maxlength="100" spellcheck="false" autocapitalize="off" required > <div class="invalid-feedback"></div> </div> </div> <div class="d-grid gap-5"> <button id="remind-box__send-button" type="submit" name="Submit3" class="remind-box__send-button btn btn-primary"> Jelszó kérés <span class="remind-box__send-button-counter round-bracket-around"></span> </button> <div id="remind-box__success-alert" class="remind-box__success-alert alert alert-primary mb-0 d-flex d-none" role="alert"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/></svg><span class="remind-box__success-alert-message"></span> </div> </div> </form> </div> </div> <script> function check_remind(e) { e.preventDefault(); const form = e.currentTarget; if (form.dataset.submitLocked === "true") return false; form.dataset.submitLocked = "true"; const formData = new FormData(form); const params = new URLSearchParams(formData); // GET paraméterekké alakítva const username = document.querySelector('#remind_username'); const invalidFeedback = username.nextElementSibling; const sendBtn = document.querySelector('#remind-box__send-button'); const sendBtnCounter = sendBtn.querySelector('.remind-box__send-button-counter'); const successAlert = document.querySelector('#remind-box__success-alert'); const successMsg = successAlert.querySelector('.remind-box__success-alert-message'); const countdownSec = 5; sendBtn.classList.add('loader', 'ajax-loading'); sendBtn.classList.remove('ajax-loaded'); sendBtn.disabled = true; successAlert.classList.add('d-none'); fetch(`https://danabike.hu/shop_remindcheck.php?${params.toString()}`, { method: 'GET', headers: { 'X-Requested-With': 'XMLHttpRequest' } }) .then(res => res.json()) .then(response => { sendBtn.classList.remove('loader'); sendBtn.classList.add('ajax-loaded'); startCountdown(countdownSec); if (response.status === "error") { username.classList.remove('is-valid'); username.classList.add('is-invalid'); invalidFeedback.innerHTML = response.message; } else if (response.status === "success") { username.classList.remove('is-invalid'); username.classList.add('is-valid'); successAlert.classList.remove('d-none'); invalidFeedback.innerHTML = ""; successMsg.innerHTML = response.message; } }) .catch(err => { console.error("AJAX hiba:", err); form.dataset.submitLocked = "false"; sendBtn.disabled = false; }); function startCountdown(counter) { const tick = () => { if (counter < 0) { sendBtn.disabled = false; sendBtnCounter.textContent = ""; form.dataset.submitLocked = "false"; } else { sendBtnCounter.textContent = counter--; setTimeout(tick, 1000); } }; tick(); } return false; } </script> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-box-cart" aria-labelledby="offcanvas-box-cart-label"> <div class="offcanvas-header"> <div class="offcanvas-title h4" id="offcanvas-box-cart-label">Kosár</div> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Bezár"><svg class="icon-set"><use href="#icon-xmark"></use></svg></button> <a class="box-cart__jump-to-cart-page-btn icon-link ms-auto" href="https://danabike.hu/shop_cart.php">Tovább a kosárhoz<svg class="icon-set"><use href="#icon-caret-right"></use></svg></a> </div> <div class="offcanvas-body p-0" id="box_cart_content2" aria-live="polite"> <div class="spinner-overlay"> <div class="spinner-fa m-5" role="status"> <svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M312 104C312 117.3 301.3 128 288 128C274.7 128 264 117.3 264 104V24C264 10.75 274.7 0 288 0C301.3 0 312 10.75 312 24V104zM312 488C312 501.3 301.3 512 288 512C274.7 512 264 501.3 264 488V408C264 394.7 274.7 384 288 384C301.3 384 312 394.7 312 408V488zM32 256C32 242.7 42.75 232 56 232H136C149.3 232 160 242.7 160 256C160 269.3 149.3 280 136 280H56C42.75 280 32 269.3 32 256zM520 232C533.3 232 544 242.7 544 256C544 269.3 533.3 280 520 280H440C426.7 280 416 269.3 416 256C416 242.7 426.7 232 440 232H520zM469 74.98C478.4 84.35 478.4 99.55 469 108.9L412.5 165.5C403.1 174.9 387.9 174.9 378.5 165.5C369.1 156.1 369.1 140.9 378.5 131.6L435.1 74.98C444.5 65.61 459.6 65.61 469 74.98zM140.9 437C131.5 446.4 116.4 446.4 106.1 437C97.61 427.6 97.61 412.4 106.1 403.1L163.5 346.5C172.9 337.1 188.1 337.1 197.5 346.5C206.9 355.9 206.9 371.1 197.5 380.4L140.9 437zM106.1 74.98C116.4 65.61 131.5 65.61 140.9 74.98L197.5 131.6C206.9 140.9 206.9 156.1 197.5 165.5C188.1 174.9 172.9 174.9 163.5 165.5L106.1 108.9C97.61 99.55 97.61 84.35 106.1 74.98V74.98zM469 403.1C478.4 412.4 478.4 427.6 469 437C459.6 446.4 444.5 446.4 435.1 437L378.5 380.4C369.1 371.1 369.1 355.9 378.5 346.5C387.9 337.1 403.1 337.1 412.5 346.5L469 403.1z"/></svg> <span class="visually-hidden">Betöltés...</span> </div> </div> <script> $(document).ready(function() { $('.offcanvas-box-cart-open-btn').on("click", function(){ let $this_btn = $(this); const $box_cart_2 = $("#box_cart_content2"); if (!$this_btn.hasClass('ajax-loading') && !$this_btn.hasClass('is-loaded')) { $.ajax({ type: "GET", async: true, url: "https://danabike.hu/shop_ajax/ajax_box_cart.php?get_ajax=1&lang_master=hu&cart_num=2", beforeSend:function(){ $this_btn.addClass('ajax-loading'); $box_cart_2.addClass('ajax-loading'); }, success: function (data) { $box_cart_2.html(data).removeClass('ajax-loading').addClass("is-loaded"); $this_btn.removeClass('ajax-loading').addClass("is-loaded"); } }); } }); }); </script> </div> </div> <div class="offcanvas offcanvas-start offcanvas--box-cat offcanvas--box-cat-0" data-bs-scroll="false" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" id="offcanvas-box-cat-0" aria-labelledby="offcanvas-box-cat-0-label"> <div class="offcanvas-header" id="offcanvas-header-box-cat-0"> <div class="offcanvas-title h4" id="offcanvas-box-cat-0-label">Kategóriák</div> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas-box-cat-0" aria-label="Bezár"><svg class="icon-set"><use href="#icon-xmark"></use></svg></button> </div> <div class="offcanvas-body" id="offcanvas-body-box-cat-0"></div> <div class="offcanvas-header d-lg-none" id="offcanvas-header-box-menu"> <div class="offcanvas-title h4" id="offcanvas-box-menu-label">Menüpontok</div> </div> <div class="offcanvas-body d-lg-none" id="offcanvas-body-box-menu"> <nav> <ul class="navbar-nav justify-content-start flex-wrap align-items-stretch me-auto with-click" aria-labelledby="offcanvas-box-menu-label"> <li class="nav-item nav-item--menu js-nav-item-875796"> <a class="nav-link btn" href="https://danabike.hu/spg/875796/Blog" aria-label="Blog menüpont">Blog </a> </li> <li class="nav-item nav-item--menu js-nav-item-461015"> <a class="nav-link btn" href="https://danabike.hu/spg/461015/Merettablazatok" aria-label="Mérettáblázatok menüpont">Mérettáblázatok </a> </li> <li class="nav-item nav-item--menu js-nav-item-930300"> <a class="nav-link btn" href="https://danabike.hu/blog" aria-label="Kötelező kerékpár-tartozékok menüpont">Kötelező kerékpár-tartozékok </a> </li> <li class="nav-item nav-item--menu js-nav-item-969892"> <a class="nav-link btn" href="https://danabike.hu/spg/969892/Rolunk" aria-label="Rólunk menüpont">Rólunk </a> </li> </ul> </nav> </div> </div> <script> function spinner_overlay(el) { const $this = $(el); const $this_content = $this.closest('.offcanvas'); const $this_spinner = $this_content.find('.spinner-overlay'); $this_spinner.removeClass('d-none'); } </script> </div> <button id="scroll-to-top-btn" class="back_to_top btn btn-primary btn-square hide-on-mobile" type="button" aria-label="Oldal tetejére"><svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9V456c0 13.3 10.7 24 24 24s24-10.7 24-24V115.9L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z"/></svg></button> <script> /* <![CDATA[ */ function add_to_favourites(value,cikk,id,id_outer,master_key) { var temp_cikk_id=cikk.replace(/-/g,'__unas__'); if($("#"+id).hasClass("remove_favourites")){ $.ajax({ type: "POST", url: "https://danabike.hu/shop_ajax/ajax_favourites.php", data: "get_ajax=1&action=remove&cikk="+cikk+"&shop_id=92422", success: function(result){ if(result=="OK") { var product_array = {}; product_array["sku"] = cikk; product_array["sku_id"] = temp_cikk_id; product_array["master_key"] = master_key; $(document).trigger("removeFromFavourites", product_array); if (google_analytics==1) gtag("event", "remove_from_wishlist", { 'sku':cikk }); if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt","Kedvencekhez"); if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("title")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("title","Kedvencekhez"); $(".page_artdet_func_favourites_text_"+temp_cikk_id).html("Kedvencekhez"); $(".page_artdet_func_favourites_"+temp_cikk_id).removeClass("remove_favourites"); $(".page_artdet_func_favourites_outer_"+temp_cikk_id).removeClass("added"); } } }); } else { $.ajax({ type: "POST", url: "https://danabike.hu/shop_ajax/ajax_favourites.php", data: "get_ajax=1&action=add&cikk="+cikk+"&shop_id=92422", dataType: "JSON", success: function(result){ var product_array = {}; product_array["sku"] = cikk; product_array["sku_id"] = temp_cikk_id; product_array["master_key"] = master_key; product_array["event_id"] = result.event_id; $(document).trigger("addToFavourites", product_array); if(result.success) { if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt","Törlés a kedvencek közül"); if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("title")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("title","Törlés a kedvencek közül"); $(".page_artdet_func_favourites_text_"+temp_cikk_id).html("Törlés a kedvencek közül"); $(".page_artdet_func_favourites_"+temp_cikk_id).addClass("remove_favourites"); $(".page_artdet_func_favourites_outer_"+temp_cikk_id).addClass("added"); } } }); } } var get_ajax=1; if(ak_widget_params === undefined || ak_widget_script === undefined) { var ak_widget_params = ["5b94cbe2e4c36e7bbb9af993a0fc893b","L","HU",1,"W"]; var ak_widget_script = document.createElement("script"); ak_widget_script.type = "text/javascript"; ak_widget_script.src = ("https:" == document.location.protocol ? "https" : "http" ) + "://static.arukereso.hu/widget/presenter.js"; ak_widget_script.async = true; document.body.appendChild(ak_widget_script); } function calc_search_input_position(search_inputs) { let search_input = $(search_inputs).filter(':visible').first(); if (search_input.length) { const offset = search_input.offset(); const width = search_input.outerWidth(true); const height = search_input.outerHeight(true); const left = offset.left; const scroll_top = $(window).scrollTop(); const top = offset.top - scroll_top; const header = search_input.closest('.js-header'); if (header.length > 0) { const header_offset_top = header.offset().top - scroll_top; document.documentElement.style.setProperty("--header-offset-top", `${header_offset_top}px`); } document.documentElement.style.setProperty("--search-input-left-distance", `${left}px`); document.documentElement.style.setProperty("--search-input-right-distance", `${left + width}px`); document.documentElement.style.setProperty("--search-input-bottom-distance", `${top + height}px`); document.documentElement.style.setProperty("--search-input-height", `${height}px`); } } var autocomplete_width; var small_search_box; var result_class; function change_box_search(plus_id) { result_class = 'ac_results'+plus_id; $("."+result_class).css("display","none"); autocomplete_width = $("#box_search_content" + plus_id + " #box_search_input" + plus_id).outerWidth(true); small_search_box = ''; const search_input = $("#box_search_input"+plus_id); calc_search_input_position(search_input); search_input.autocomplete().setOptions({ width: autocomplete_width, resultsClass: result_class, resultsClassPlus: small_search_box }); } function init_box_search(plus_id) { const search_input = $("#box_search_input"+plus_id); search_input.on("focus", function () { calc_search_input_position(search_input); }); const throttledSearchInputPositionCalc = throttleWithTrailing(calc_search_input_position); function onScroll() { throttledSearchInputPositionCalc(search_input); } search_input.on("focus blur",function (e){ if (e.type == 'focus') { window.addEventListener('scroll', onScroll, { passive: true }); } else { window.removeEventListener('scroll', onScroll); } }); change_box_search(plus_id); $(window).resize(function(){ change_box_search(plus_id); }); search_input.autocomplete("https://danabike.hu/shop_ajax/ajax_box_search.php", { width: autocomplete_width, resultsClass: result_class, resultsClassPlus: small_search_box, minChars: 3, max: 10, extraParams: { 'lang_master':'hu', 'get_ajax':'1', 'search': function() { return search_input.val(); } }, onSelect: function() { var temp_search = search_input.val(); if (temp_search.indexOf("unas_category_link") >= 0){ search_input.val(""); temp_search = temp_search.replace('unas_category_link¤',''); window.location.href = temp_search; } else { $("#form_include_search"+plus_id).submit(); } }, selectFirst: false, }); } $(document).ready(function() {init_box_search("");}); function popup_compare_dialog(cikk) { if (cikk!="" && ($("#page_artlist_"+cikk.replace(/-/g,'__unas__')+" .page_art_func_compare").hasClass("page_art_func_compare_checked") || $(".page_artlist_sku_"+cikk.replace(/-/g,'__unas__')+" .page_art_func_compare").hasClass("page_art_func_compare_checked") || $(".page_artdet_func_compare_"+cikk.replace(/-/g,'__unas__')).hasClass("page_artdet_func_compare_checked"))) { compare_box_refresh(cikk,"delete"); } else { if (cikk!="") compare_checkbox(cikk,"add") $.shop_popup("open",{ ajax_url:"https://danabike.hu/shop_compare.php", ajax_data:"cikk="+cikk+"&change_lang=hu&get_ajax=1", width: "content", height: "content", offsetHeight: 32, modal:0.6, contentId:"page_compare_table", popupId:"compare", class:"shop_popup_compare shop_popup_artdet", overflow: "auto" }); if (google_analytics==1) gtag("event", "show_compare", { }); } } $(document).ready(function(){ setTimeout(function() { }, 300); }); /* ]]> */ </script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Product","url":"https:\/\/danabike.hu\/Computer-Sigma-MC-10","offers":{"@type":"Offer","category":"Ker\u00e9kp\u00e1ros kieg\u00e9sz\u00edt\u0151k > Computer - Kilom\u00e9ter\u00f3ra > Vezet\u00e9kes","url":"https:\/\/danabike.hu\/Computer-Sigma-MC-10","availability":"https:\/\/schema.org\/InStock","itemCondition":"https:\/\/schema.org\/NewCondition","priceCurrency":"HUF","priceValidUntil":"2027-05-12","price":"10790"},"image":["https:\/\/danabike.hu\/img\/92422\/bf01013\/bf01013.jpg?time=1678906636"],"sku":"bf01013","productId":"bf01013","description":"Computer SIGMA MC 10 motoros - 01013\r\n\r\n01013Funkci\u00f3k: - Pillanatnyi sebess\u00e9g (399.9 km\/h-ig) - \u00c1tlag sebess\u00e9g - Maximum sebess\u00e9g - Napi megtett t\u00e1vols\u00e1g - \u00d6sszes megtett t\u00e1vols\u00e1g - Napi futott id\u0151 - \u00d6sszes futott id\u0151 - Id\u0151\u00f3ra - Automata start \/ stop - 3 nyelv\u0171 ","review":null,"name":"Computer Sigma MC 10"}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"F\u0151oldal","item":"https:\/\/danabike.hu\/"},{"@type":"ListItem","position":2,"name":"Ker\u00e9kp\u00e1ros kieg\u00e9sz\u00edt\u0151k","item":"https:\/\/danabike.hu\/sct\/247867\/Kerekparos-kiegeszitok"},{"@type":"ListItem","position":3,"name":"Computer - Kilom\u00e9ter\u00f3ra","item":"https:\/\/danabike.hu\/sct\/635997\/Computer-Kilometerora"},{"@type":"ListItem","position":4,"name":"Vezet\u00e9kes","item":"https:\/\/danabike.hu\/spl\/704479\/Vezetekes"}]}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"WebSite","url":"https:\/\/danabike.hu\/","name":"Danabike Ker\u00e9kp\u00e1ros Web\u00e1ruh\u00e1z","potentialAction":{"@type":"SearchAction","target":"https:\/\/danabike.hu\/shop_search.php?search={search_term}","query-input":"required name=search_term"}}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Organization","name":"Hal\u00e1sz Ferenc ev.","legalName":"Hal\u00e1sz Ferenc ev.","url":"https:\/\/danabike.hu","address":{"@type":"PostalAddress","streetAddress":"G\u00e1bor \u00c1ron u. 29.","addressLocality":"Gy\u00e1l","postalCode":"2360","addressCountry":"HU"},"contactPoint":{"@type":"ContactPoint","telephone":"+36204112030","email":"info@danabike.hu"}}</script> <script id="barat_hud_sr_script">var hst = document.createElement("script");hst.src = "//admin.fogyasztobarat.hu/h-api.js";hst.type = "text/javascript";hst.setAttribute("data-id", "FL3W5AML");hst.setAttribute("id", "fbarat");var hs = document.getElementById("barat_hud_sr_script");hs.parentNode.insertBefore(hst, hs);</script> <script> function disableParentLinks() { document.querySelectorAll('.nav-item').forEach(li => { const link = li.querySelector(':scope > .nav-link'); const toggle = li.querySelector(':scope > .dropdown-toggle'); if (!link) return; if (toggle) { // már feldolgoztuk? ne csináljuk újra if (link.dataset.fixed) return; link.dataset.fixed = "1"; // href mentése link.dataset.href = link.getAttribute('href'); link.removeAttribute('href'); // kattintás = lenyitás link.addEventListener('click', function(e) { e.preventDefault(); toggle.click(); }); } }); } // induláskor document.addEventListener('DOMContentLoaded', disableParentLinks); // minden kattintás után újra (AJAX miatt) document.addEventListener('click', function() { setTimeout(disableParentLinks, 200); }); </script> <!-- WhatsHelp.io widget --> <script> (function () { var options = { whatsapp:"+36204112030", call_to_action:"Szia! Miben segíthetünk?", position: "right", }; var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- WhatsHelp.io widget --> <script>let cookie_type = 1;</script><div class="offcanvas offcanvas-bottom cookie-alert offcanvas-cookie-alert offcanvas-cookie-alert--1" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" id="cookie-alert-1" aria-labelledby="cookie-alert-1-label" aria-describedby="cookie-alert-desc" > <div class="offcanvas-header"> <svg class="icon-set offcanvas-header__icon cookie-alert__header-cookie-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M176 303.1c-17.62 0-31.1 14.37-31.1 31.1c0 17.62 14.37 31.1 31.1 31.1s31.1-14.37 31.1-31.1C208 318.4 193.6 303.1 176 303.1zM208 144c-17.62 0-31.1 14.37-31.1 31.1s14.37 31.1 31.1 31.1s31.1-14.37 31.1-31.1S225.6 144 208 144zM368 271.1c-17.62 0-31.1 14.37-31.1 31.1c0 17.62 14.37 31.1 31.1 31.1s31.1-14.37 31.1-31.1C400 286.4 385.6 271.1 368 271.1z"/><path class="fa-secondary" d="M494.5 254.8l-11.37-71.48c-4.102-25.9-16.29-49.8-34.8-68.32l-51.33-51.33c-18.52-18.52-42.3-30.7-68.2-34.8L256.9 17.53C231.2 13.42 204.7 17.64 181.5 29.48L116.7 62.53C93.23 74.36 74.36 93.35 62.41 116.7L29.51 181.2c-11.84 23.44-16.08 50.04-11.98 75.94l11.37 71.48c4.101 25.9 16.29 49.77 34.8 68.41l51.33 51.33c18.52 18.4 42.3 30.61 68.2 34.72l71.84 11.37c25.78 4.102 52.27-.1173 75.47-11.95l64.8-33.05c23.32-11.84 42.3-30.82 54.26-54.14l32.81-64.57C494.4 307.3 498.6 280.8 494.5 254.8zM176 367.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C208 353.6 193.6 367.1 176 367.1zM208 208c-17.62 0-31.1-14.37-31.1-31.1s14.38-31.1 31.1-31.1c17.62 0 31.1 14.37 31.1 31.1S225.6 208 208 208zM368 335.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C400 321.6 385.6 335.1 368 335.1z"/></svg> <div class="offcanvas-title h4 mb-0" id="cookie-alert-1-label">Adatkezelési beállítások</div> </div> <div class="offcanvas-body"> <div class="row gy-5"> <div class="col-md"> <div id="cookie-alert-desc" class="cookie-alert__text">Weboldalunk az alapvető működéshez szükséges cookie-kat használ. Szélesebb körű funkcionalitáshoz (marketing, statisztika, személyre szabás) egyéb cookie-kat engedélyezhet. Részletesebb információkat az <a href="https://danabike.hu/shop_help.php?tab=privacy_policy" target="_blank" class="text_normal"><b>Adatkezelési tájékoztató</b></a>ban talál.</div> </div> <div class="col-md-auto d-grid gap-5 d-xs-flex justify-content-xs-end flex-md-column flex-xl-row flex-wrap align-items-end"> <button class="cookie-alert__btn-not-allow btn btn-secondary" type="button" onclick="cookie_alert_action(1,0)" data-bs-dismiss="offcanvas">Nem engedélyezem</button> <button class="cookie-alert__btn-allow btn btn-primary" type="button" onclick="cookie_alert_action(1,1)" data-bs-dismiss="offcanvas">Engedélyezem<svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/></svg> </button> </div> </div> </div> <script> $(document).ready(function () { function initConsent() { if (typeof bootstrap === 'undefined' || typeof bootstrap.Offcanvas !== 'function') { return setTimeout(initConsent, 50); } const bsOffcanvas = new bootstrap.Offcanvas('#cookie-alert-1'); bsOffcanvas.show(); announceToScreenReader?.('modalOpen',{'label': `Adatkezelési beállítások`}); $(".cookie-alert__btn-open").removeClass('d-none'); $(document).on("openConsent", function () { bsOffcanvas.show(); announceToScreenReader?.('modalOpen',{'label': `Adatkezelési beállítások`}); }); $(document).on("closeConsent", function () { announceToScreenReader?.('modalClose',{'label': `Adatkezelési beállítások`}); }); $(document).on("grantConsent", function () { announceToScreenReader?.('grantConsent'); }); $(document).on("rejectConsent", function () { announceToScreenReader?.('rejectConsent'); }); } initConsent(); }); </script> </div><div id="a11y-status" aria-live="assertive" aria-atomic="true" class="sr-only visually-hidden"></div> <div class="scripts-content"> <script> const offcanvases = document.getElementById("offcanvases"); const closeOpenedOffcanvasesVar = () => { closeOpenedOffcanvases(); } function closeOpenedOffcanvases() { Object.entries(OFFCANVAS_DATA["inited_offcanvases"]).forEach(([key,value]) => { if (key == '#offcanvas-box-cat-0') { value._element.removeEventListener('hidePrevented.bs.offcanvas', closeOpenedOffcanvasesVar); } value.hide(); }); document.querySelectorAll(".nav-item.show").forEach((nav_item) => { nav_item.classList.remove("active"); let buttons = nav_item.querySelectorAll(":scope > .dropdown-toggle.show") buttons.forEach((button)=>{ button.classList.remove("show"); button.setAttribute('aria-expanded', false); }); }); return $(document).trigger('opened-offcanvases-are-closed'); } offcanvases.addEventListener("click", (event) => { function handleParentCat(parentOffcanvas) { if ( !parentOffcanvas.classList.contains('has-opened-offcanvas') ) { parentOffcanvas.classList.add('has-opened-offcanvas'); } else { parentOffcanvas.classList.remove('has-opened-offcanvas'); } } function handleHideOpenedOffcanvases(targetOffcanvasLevel) { for (let i = OFFCANVAS_DATA['actual_offcanvas_levels'].length - 1; i >= targetOffcanvasLevel; i--) { OFFCANVAS_DATA['actual_offcanvas_levels'][i].hide(); } OFFCANVAS_DATA['actual_offcanvas_levels'].splice(targetOffcanvasLevel); } function handleShowOffcanvas(targetOffcanvasLevel,targetOffcanvasInstance) { targetOffcanvasInstance.show(); OFFCANVAS_DATA['actual_offcanvas_levels'][targetOffcanvasLevel] = targetOffcanvasInstance; } function handleActualLevel(event,targetOffcanvasLevel,targetOffcanvasInstance) { if (event === 'show') { if (typeof OFFCANVAS_DATA['actual_offcanvas_levels'][targetOffcanvasLevel] !== "undefined" ) { handleHideOpenedOffcanvases(targetOffcanvasLevel); } handleShowOffcanvas(targetOffcanvasLevel,targetOffcanvasInstance); } else { handleHideOpenedOffcanvases(targetOffcanvasLevel); } } function handleActualNavItem(button) { const navItem = button.closest('.nav-item'); if ( button.classList.contains('show') ) { button.classList.remove("show"); button.setAttribute('aria-expanded', false); navItem.classList.remove('active'); } else { button.classList.add("show"); button.setAttribute('aria-expanded', true); navItem.classList.add('active'); } } const target = event.target; if(target.classList.contains('dropdown-toggle') && target.hasAttribute('data-bs-target') || target.closest('.dropdown-toggle[data-bs-target]') ) { event.preventDefault(); const button = target.classList.contains('dropdown-toggle') ? target : target.closest('.dropdown-toggle'); const targetAttribute = button.getAttribute('data-bs-target'); const ajaxUrl = button.getAttribute('data-ajax-url'); const parentOffcanvas = document.querySelector(button.getAttribute('data-bs-target-parent')); let targetOffcanvas = document.querySelector(targetAttribute); let targetOffcanvasInstance = bootstrap.Offcanvas.getInstance(targetOffcanvas); if ( !targetOffcanvas || targetOffcanvas && !targetOffcanvasInstance._isLoaded ) { $.ajax({ type: 'GET', url: ajaxUrl, beforeSend: function () { button.classList.add('ajax-loading'); setTimeout(function () { if (!button.classList.contains('ajax-loaded')) { button.classList.add('loader'); } }, 150); }, success: function (data) { $(offcanvases).append(data); targetOffcanvas = document.querySelector(targetAttribute); const targetOffcanvasLevel = targetOffcanvas.getAttribute('data-level'); const targetOffcanvasInstance = new bootstrap.Offcanvas(targetOffcanvas); if (targetOffcanvasInstance) { targetOffcanvas.addEventListener('show.bs.offcanvas', () => { handleParentCat(parentOffcanvas); handleActualNavItem(button); offcanvases.classList.add('opened-category-levels-' + targetOffcanvasLevel); }); targetOffcanvas.addEventListener('hide.bs.offcanvas', () => { handleParentCat(parentOffcanvas); handleActualNavItem(button); offcanvases.classList.remove('opened-category-levels-' + targetOffcanvasLevel); OFFCANVAS_DATA['actual_offcanvas_levels'].splice(targetOffcanvasLevel); }); targetOffcanvas.addEventListener('keyup', (e) => { if (e.key === "Escape" ) { closeOpenedOffcanvases(); } }); button.classList.remove("ajax-loading", "loader"); button.classList.add("ajax-loaded"); handleActualLevel('show',targetOffcanvasLevel,targetOffcanvasInstance); OFFCANVAS_DATA["inited_offcanvases"][targetAttribute] = targetOffcanvasInstance; OFFCANVAS_DATA["inited_offcanvases"][targetAttribute]['_isLoaded'] = true; const evt = new CustomEvent("ajaxCatSubLoaded", {detail: targetAttribute}); document.dispatchEvent(evt); } } }); } else { const targetOffcanvasLevel = targetOffcanvas.getAttribute('data-level'); if (targetOffcanvasInstance._isShown === true ) { handleActualLevel('hide',targetOffcanvasLevel,targetOffcanvasInstance); } else { handleActualLevel('show',targetOffcanvasLevel,targetOffcanvasInstance); } } } }); $('[data-bs-toggle="offcanvas"][data-ajax-url]').on('click',function (){ let $thisBtn = $(this); let $thisBtnBsTarget = $thisBtn.attr('data-bs-target'); if ( $thisBtnBsTarget == '#offcanvas-box-cat-0' ) { const targetOffcanvas = document.querySelector($thisBtn.attr('data-bs-target')); const targetOffcanvasInstance = bootstrap.Offcanvas.getInstance(targetOffcanvas); OFFCANVAS_DATA["inited_offcanvases"][$thisBtnBsTarget] = targetOffcanvasInstance; OFFCANVAS_DATA['actual_offcanvas_levels'][0] = targetOffcanvasInstance; offcanvases.classList.add('opened-category-levels-0'); targetOffcanvas.addEventListener('hide.bs.offcanvas', () => { offcanvases.classList.remove('opened-category-levels-0'); OFFCANVAS_DATA['actual_offcanvas_levels'].splice(0); }); targetOffcanvas.addEventListener('hidePrevented.bs.offcanvas', closeOpenedOffcanvasesVar); import(shop_url_main+"/!common_packages/jquery/plugins/bootstrap/5.3.3/modules/dropdown.min.js"); } if ( !$thisBtn.hasClass('ajax-loading') && !$thisBtn.hasClass('ajax-loaded') ) { let ajaxResults = []; let ajaxUrls = $thisBtn.attr("data-ajax-url").split('|'); let ajaxTarget = $($thisBtn.attr("data-ajax-target")); ajaxUrls.reduce(function (prev, cur) { return prev.then(function () { return $.ajax({ url: cur, beforeSend: function () { $thisBtn.addClass('ajax-loading'); ajaxTarget.html(` <div class="spinner-overlay"> <div class="spinner-fa m-5" role="status"> <svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M312 104C312 117.3 301.3 128 288 128C274.7 128 264 117.3 264 104V24C264 10.75 274.7 0 288 0C301.3 0 312 10.75 312 24V104zM312 488C312 501.3 301.3 512 288 512C274.7 512 264 501.3 264 488V408C264 394.7 274.7 384 288 384C301.3 384 312 394.7 312 408V488zM32 256C32 242.7 42.75 232 56 232H136C149.3 232 160 242.7 160 256C160 269.3 149.3 280 136 280H56C42.75 280 32 269.3 32 256zM520 232C533.3 232 544 242.7 544 256C544 269.3 533.3 280 520 280H440C426.7 280 416 269.3 416 256C416 242.7 426.7 232 440 232H520zM469 74.98C478.4 84.35 478.4 99.55 469 108.9L412.5 165.5C403.1 174.9 387.9 174.9 378.5 165.5C369.1 156.1 369.1 140.9 378.5 131.6L435.1 74.98C444.5 65.61 459.6 65.61 469 74.98zM140.9 437C131.5 446.4 116.4 446.4 106.1 437C97.61 427.6 97.61 412.4 106.1 403.1L163.5 346.5C172.9 337.1 188.1 337.1 197.5 346.5C206.9 355.9 206.9 371.1 197.5 380.4L140.9 437zM106.1 74.98C116.4 65.61 131.5 65.61 140.9 74.98L197.5 131.6C206.9 140.9 206.9 156.1 197.5 165.5C188.1 174.9 172.9 174.9 163.5 165.5L106.1 108.9C97.61 99.55 97.61 84.35 106.1 74.98V74.98zM469 403.1C478.4 412.4 478.4 427.6 469 437C459.6 446.4 444.5 446.4 435.1 437L378.5 380.4C369.1 371.1 369.1 355.9 378.5 346.5C387.9 337.1 403.1 337.1 412.5 346.5L469 403.1z"/></svg> <span class="visually-hidden">Betöltés...</span> </div> </div> `); setTimeout(function () { if (!$thisBtn.hasClass('ajax-loaded')) { $thisBtn.addClass('loader'); } }, 150); }, success: function (data) { $thisBtn.addClass('ajax-loaded').removeClass('loader ajax-loading'); ajaxResults.push(data); } }); }) }, $().promise()).done(function () { ajaxTarget.html(ajaxResults); OFFCANVAS_DATA["inited_offcanvases"][$thisBtnBsTarget]['_isLoaded'] = true; document.dispatchEvent(new CustomEvent($thisBtnBsTarget + '-loaded')); }); } }); $('.ajax-response-immediately[data-bs-toggle="offcanvas"][data-ajax-url]').each(function (){ let $thisBtn = $(this); let $thisBtnBsTarget = $thisBtn.attr('data-bs-target'); if ( !$thisBtn.hasClass('ajax-loading') && !$thisBtn.hasClass('ajax-loaded') ) { let ajaxResults = []; let ajaxUrls = $thisBtn.attr("data-ajax-url").split('|'); let ajaxTarget = $($thisBtn.attr("data-ajax-target")); ajaxUrls.reduce(function (prev, cur) { return prev.then(function () { return $.ajax({ url: cur, beforeSend: function () { $thisBtn.addClass('ajax-loading'); ajaxTarget.html(` <div class="spinner-overlay"> <div class="spinner-fa m-5" role="status"> <svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M312 104C312 117.3 301.3 128 288 128C274.7 128 264 117.3 264 104V24C264 10.75 274.7 0 288 0C301.3 0 312 10.75 312 24V104zM312 488C312 501.3 301.3 512 288 512C274.7 512 264 501.3 264 488V408C264 394.7 274.7 384 288 384C301.3 384 312 394.7 312 408V488zM32 256C32 242.7 42.75 232 56 232H136C149.3 232 160 242.7 160 256C160 269.3 149.3 280 136 280H56C42.75 280 32 269.3 32 256zM520 232C533.3 232 544 242.7 544 256C544 269.3 533.3 280 520 280H440C426.7 280 416 269.3 416 256C416 242.7 426.7 232 440 232H520zM469 74.98C478.4 84.35 478.4 99.55 469 108.9L412.5 165.5C403.1 174.9 387.9 174.9 378.5 165.5C369.1 156.1 369.1 140.9 378.5 131.6L435.1 74.98C444.5 65.61 459.6 65.61 469 74.98zM140.9 437C131.5 446.4 116.4 446.4 106.1 437C97.61 427.6 97.61 412.4 106.1 403.1L163.5 346.5C172.9 337.1 188.1 337.1 197.5 346.5C206.9 355.9 206.9 371.1 197.5 380.4L140.9 437zM106.1 74.98C116.4 65.61 131.5 65.61 140.9 74.98L197.5 131.6C206.9 140.9 206.9 156.1 197.5 165.5C188.1 174.9 172.9 174.9 163.5 165.5L106.1 108.9C97.61 99.55 97.61 84.35 106.1 74.98V74.98zM469 403.1C478.4 412.4 478.4 427.6 469 437C459.6 446.4 444.5 446.4 435.1 437L378.5 380.4C369.1 371.1 369.1 355.9 378.5 346.5C387.9 337.1 403.1 337.1 412.5 346.5L469 403.1z"/></svg> <span class="visually-hidden">Betöltés...</span> </div> </div> `); setTimeout(function () { if (!$thisBtn.hasClass('ajax-loaded')) { $thisBtn.addClass('loader'); } }, 150); }, success: function (data) { $thisBtn.addClass('ajax-loaded').removeClass('loader ajax-loading'); if (data !== '' && data !== 'no') { ajaxResults.push(data); } } }); }) }, $().promise()).done(function () { document.dispatchEvent(new CustomEvent($thisBtnBsTarget + '-loaded')); if (ajaxResults.length > 0 ) { $thisBtn.removeClass("d-none").removeAttr("disabled"); ajaxTarget.html(ajaxResults); } else { $thisBtn.addClass("ajax-empty-result d-none"); } }); } }); </script> <script> function passwordShowHide() { $("input[type=password]:not(.inited)").each(function(){ let this_input = this; let $this_input = $(this_input); let $this_parent = $this_input.parent('.input-group'); let button_classes = $this_parent ? 'btn btn-clear btn-in-group' : 'btn btn-text show'; let disabled_attribute = $this_input.val() ? ' ' : ' disabled'; const eye_icon = '<svg class="icon-set pw-eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/></svg>'; const eye_slash_icon = '<svg class="icon-set pw-eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/></svg>'; let button = '<button' + disabled_attribute + ' class="show-hide-password-btn ' + button_classes + '" type="button" data-text-show="Jelszó megjelenítése" data-text-hide="Jelszó elrejtése" aria-label="Jelszó megjelenítése">' + eye_icon + eye_slash_icon + '</button>'; const button_wrapper = $this_parent ? $('<span class="input-group-text p-0">' + button + '</span>') : $(button); button_wrapper.insertAfter($this_input); $this_input.addClass('inited'); const $this_button = $this_input.parent().find('.show-hide-password-btn'); $this_button.on('click', function(){ if (this_input.type === "password") { this_input.type = "text"; $this_input.addClass('pw'); $this_button.addClass('hide').removeClass('show').attr('aria-label',$this_button.attr('data-text-hide')); } else { this_input.type = "password"; $this_button.addClass('show').removeClass('hide').attr('aria-label',$this_button.attr('data-text-show')); } }); $this_input.on('blur change keyup paste', function() { let $this_val = $this_input.val(); $this_input.toggleClass("not-empty", $this_val.length >= 1); $this_button[0].toggleAttribute("disabled", $this_val.length == 0); }); }); } function announceAddToCart(data) { if (data['qty'] > data['qty_add']) { let text = UNAS.text.product_added_to_cart_with_qty_problem text = text.replace("[qty_added_to_cart]", "<span class='toast-qty'>" + data['qty_add']); text = text.replace("[qty_unit]", data['unit'] + "</span>"); announceToScreenReader?.('addToCartSuccessWithQtyError',{ 'message':text, 'qty_of_items': data.qty_of_items }); if (config_plus['cart_redirect'] == 1) { const icon_warning = '<svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M248.4 84.3c1.6-2.7 4.5-4.3 7.6-4.3s6 1.6 7.6 4.3L461.9 410c1.4 2.3 2.1 4.9 2.1 7.5c0 8-6.5 14.5-14.5 14.5H62.5c-8 0-14.5-6.5-14.5-14.5c0-2.7 .7-5.3 2.1-7.5L248.4 84.3zm-41-25L9.1 385c-6 9.8-9.1 21-9.1 32.5C0 452 28 480 62.5 480h387c34.5 0 62.5-28 62.5-62.5c0-11.5-3.2-22.7-9.1-32.5L304.6 59.3C294.3 42.4 275.9 32 256 32s-38.3 10.4-48.6 27.3zM288 368a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-8-184c0-13.3-10.7-24-24-24s-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24V184z"/></svg>'; text = $.parseHTML(icon_warning + text); toastr.warning(text); } } else { if (data.package_offer !== null && data.is_last_package_offer_item === false) return; announceToScreenReader?.('addToCartSuccess',{ 'qty_of_items': data.qty_of_items }); if (config_plus['cart_redirect'] == 1) { const icon_check = '<svg class="icon-set" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/></svg>'; toastr.success(icon_check + UNAS.text.product_added_to_cart); } } } async function loadCSS(url) { return new Promise((resolve, reject) => { const link = document.createElement("link"); link.rel = "stylesheet"; link.href = url; link.onload = () => resolve(`CSS betöltve: ${url}`); link.onerror = () => reject(new Error(`Nem sikerült betölteni: ${url}`)); document.head.appendChild(link); }); } window.addEventListener("DOMContentLoaded", function() { passwordShowHide(); if ( service_type == 'shop' ) { $(document).on('addToCartSuccess', async function (e,data) { if (EVENT_DATA.toastr_state === "not_loaded") { EVENT_DATA.toastr_state = 'loading'; try { console.log('Loading ToastR JS...'); await import("https://danabike.hu/!common_packages/jquery/plugins/toastr/toastr.min.js"); await loadCSS("https://danabike.hu/!common_packages/jquery/plugins/toastr/toastr.min.css"); if (typeof toastr !== 'undefined') { EVENT_DATA.toastr_state = 'loaded'; toastr.options = { "positionClass": 'toast-top-center', "closeButton": true, "closeHtml": '<svg class="icon-set"><use href="#icon-xmark"></use></svg>', "progressBar": true, "timeOut": "1500", "hideDuration": "300", onShown: function () { this.setAttribute('role', 'alert'); } } announceAddToCart(data); } else { throw new Error('ToastR did not load correctly'); } } catch (err) { console.error("Error loading modules: ", err); /* Allow retrying in case of failure */ EVENT_DATA.toastr_state = 'not_loaded'; } } else if (EVENT_DATA.toastr_state === "loaded") { announceAddToCart(data); } }); $(document).on('removeFromCart removeFromCartBulk', function (e,data) { if (data?.is_bulk) return; announceToScreenReader?.('removeFromCart',{'qty_of_items': data.qty_of_items}); }); } }); </script> <script> const carouselParams = new WeakMap(); const carouselObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { const el = entry.target; if (entry.isIntersecting) { if (!el.dataset.carouselInited) { el.carouselInstance = new ScrollSnapCarousel(el,carouselParams.get(el)); el.dataset.carouselInited = 'true'; carouselParams.set(el, el.carouselInstance); } el.carouselInstance.container.classList.remove('is-hidden'); el.carouselInstance.container.classList.add('is-visible'); if (el.carouselInstance.options.autoPlay && !el.carouselInstance.manualStop) { el.carouselInstance.startAutoPlay(); } } else if (el.dataset.carouselInited) { el.carouselInstance.container.classList.add('is-hidden'); el.carouselInstance.container.classList.remove('is-visible'); if (el.carouselInstance.autoPlayInterval) { el.carouselInstance.stopAutoPlay(); } } }); }, { threshold: 0.4, }); const eventCarouselObserverReady = new CustomEvent('carouselObserverReady'); document.dispatchEvent(eventCarouselObserverReady); class ScrollSnapCarousel { constructor(container, options = {}) { if (!container) { console.error("Carousel wrapper element is missing."); return; } const defaultOptions = { autoPlay: 0, }; this.options = { ...defaultOptions, ...options }; this.container = container; this.carousel = container.querySelector(".carousel"); this.progress = container.querySelector(".carousel__progress"); this.progressBar = container.querySelector(".carousel__progress-bar"); this.progressPercent = this.progress ? this.progress.querySelector(".carousel__progress-percent") : null; this.prevButton = container.querySelector(".carousel__prev-btn"); this.nextButton = container.querySelector(".carousel__next-btn"); this.autoPlayInterval = null; this.manualStop = false; this.initialized = false; this.lastInteractionWasTab = null; this.startOfScroll = true; this.endOfScroll = false; this.lastClickTime = 0; this.consecutiveClicks = 0; this.clickTimeWindow = 200; this.slides = this.carousel ? Array.from(this.carousel.children) : []; this.currentIndex = 0; this.scrollSnapAlign = window.getComputedStyle(container).getPropertyValue('--scroll-snap-align').trim(); if (!this.scrollSnapAlign) { this.scrollSnapAlign = 'center'; if (window.matchMedia('(min-width: 576px)').matches) { this.scrollSnapAlign = 'end'; } container.style.setProperty('--scroll-snap-align', this.scrollSnapAlign); } this.isDown = false; this.dragStarted = false; this.startX = 0; this.scrollLeft = 0; this.updateProgress = this.updateProgress.bind(this); this.scrollToSlide = this.scrollToSlide.bind(this); this.throttledUpdateProgress = this.throttle(this.updateProgress, 50); this.handleInteraction = this.handleInteraction.bind(this); this.onTouchStart = this.onTouchStart.bind(this); this.onTouchEnd = this.onTouchEnd.bind(this); this.onMouseDown = this.onMouseDown.bind(this); this.onMouseMove = this.onMouseMove.bind(this); this.onMouseUp = this.onMouseUp.bind(this); this.onFocusIn = this.onFocusIn.bind(this); this.init(); } getItemsToSkip(clicks) { if (clicks === 1) return 1; if (clicks === 2) return 2; return Math.min(clicks * 2, 10); } throttle(func, limit) { let lastFunc; let lastRan; return (...args) => { const context = this; if (!lastRan) { func.apply(context, args); lastRan = Date.now(); } else { clearTimeout(lastFunc); lastFunc = setTimeout(() => { if (Date.now() - lastRan >= limit) { func.apply(context, args); lastRan = Date.now(); } }, limit - (Date.now() - lastRan)); } }; } updateProgress() { if (!this.carousel || !this.progressBar) return; const { scrollLeft, scrollWidth, clientWidth } = this.carousel; const percent = Math.ceil((scrollLeft / (scrollWidth - clientWidth)) * 100); this.progressBar.style.width = `${percent}%`; if (this.progress) { this.progress.setAttribute('aria-valuenow', `${percent}`); } if (this.progressPercent) { this.progressPercent.textContent = `${percent}`; } this.startOfScroll = Math.ceil(scrollLeft) === 0; this.endOfScroll = Math.ceil(scrollLeft) + Math.ceil(clientWidth) + 1 >= Math.ceil(scrollWidth); } findClosestIndex({ fromIndex = this.currentIndex, direction = 0 } = {}) { if (!this.carousel || this.slides.length === 0) return 0; const { left: carouselLeft, width: carouselWidth } = this.carousel.getBoundingClientRect(); if (direction !== 0) { const targetIndex = fromIndex + direction; return Math.max(0, Math.min(targetIndex, this.slides.length - 1)); } let referencePoint; switch (this.scrollSnapAlign) { case 'center': referencePoint = carouselLeft + carouselWidth / 2; break; case 'end': referencePoint = carouselLeft + carouselWidth; break; case 'start': default: referencePoint = carouselLeft; break; } let closestIndex = 0; let minDistance = Infinity; this.slides.forEach((slide, i) => { const rect = slide.getBoundingClientRect(); let targetPoint; switch (this.scrollSnapAlign) { case 'center': targetPoint = rect.left + rect.width / 2; break; case 'end': targetPoint = rect.right; break; case 'start': default: targetPoint = rect.left; break; } const distance = Math.abs(targetPoint - referencePoint); if (distance < minDistance) { minDistance = distance; closestIndex = i; } }); return closestIndex; } scrollToSlide(direction) { if (!this.carousel || this.slides.length === 0) return; const visibleIndex = this.currentIndex; const now = Date.now(); if (now - this.lastClickTime < this.clickTimeWindow) { this.consecutiveClicks++; } else { this.consecutiveClicks = 1; } const itemsToSkip = this.getItemsToSkip(this.consecutiveClicks); this.lastClickTime = now; let targetIndex; if (direction === 0) { targetIndex = visibleIndex; } else { if (direction > 0) { targetIndex = Math.min(visibleIndex + itemsToSkip, this.slides.length - 1); } else { targetIndex = Math.max(visibleIndex - itemsToSkip, 0); } } this.currentIndex = targetIndex; const slide = this.slides[this.currentIndex]; const carouselWidth = this.carousel.clientWidth; const slideOffsetLeft = slide.offsetLeft; const slideWidth = slide.offsetWidth; let scrollPosition; switch (this.scrollSnapAlign) { case 'center': scrollPosition = slideOffsetLeft - (carouselWidth - slideWidth) / 2; break; case 'end': scrollPosition = slideOffsetLeft + slideWidth - carouselWidth; break; case 'start': default: scrollPosition = slideOffsetLeft; break; } const maxScroll = this.carousel.scrollWidth - carouselWidth; scrollPosition = Math.max(0, Math.min(scrollPosition, maxScroll)); this.carousel.scrollTo({ left: scrollPosition, behavior: "smooth" }); const event = new CustomEvent('carousel:slide-change', { detail: { index: this.currentIndex, element: slide } }); this.container.dispatchEvent(event); } startAutoPlay() { if (this.options.autoPlay && !this.manualStop && !this.autoPlayInterval) { this.autoPlayInterval = setInterval(() => { if (this.currentIndex === 0) { this.currentIndex = this.findClosestIndex(); } if (this.currentIndex === this.slides.length - 1 || this.endOfScroll) { this.currentIndex = 0; this.scrollToSlide(); } else { this.scrollToSlide(1); } }, this.options.autoPlay); } } stopAutoPlay() { if (this.autoPlayInterval) { clearInterval(this.autoPlayInterval); this.autoPlayInterval = null; } } handleInteraction(e) { this.manualStop = true; this.stopAutoPlay(); if (e && e.key === 'Tab') { this.lastInteractionWasTab = e.shiftKey ? -1 : 1; } } reinitialize() { this.slides = this.carousel ? Array.from(this.carousel.children) : []; this.updateProgress(); if (this.carousel && this.carousel.scrollWidth <= this.carousel.offsetWidth) { this.container.classList.add('no-paging'); } else { this.container.classList.remove('no-paging'); } } onTouchStart() { this.manualStop = true; this.stopAutoPlay(); } onTouchEnd() { clearTimeout(this.scrollTimeout); this.scrollTimeout = setTimeout(() => { this.currentIndex = this.findClosestIndex(); const slide = this.slides[this.currentIndex]; const event = new CustomEvent('carousel:slide-change', { detail: { index: this.currentIndex, element: slide } }); this.container.dispatchEvent(event); }, 300); } onMouseDown(e) { this.handleInteraction(); if (["IMG", "PICTURE", "A"].includes(e.target.nodeName)) { e.preventDefault(); } this.isDown = true; this.carousel.classList.add("pointer-down"); this.startX = e.pageX - this.carousel.offsetLeft; this.scrollLeft = this.carousel.scrollLeft; } onMouseUp() { if (!this.isDown) return; this.isDown = false; this.dragStarted = false; this.carousel.classList.remove("dragging"); this.carousel.classList.remove("pointer-down"); clearTimeout(this.scrollTimeout); this.scrollTimeout = setTimeout(() => { this.currentIndex = this.findClosestIndex(); const slide = this.slides[this.currentIndex]; const event = new CustomEvent('carousel:slide-change', { detail: { index: this.currentIndex, element: slide } }); this.container.dispatchEvent(event); }, 300); } onMouseMove(e) { if (!this.isDown) return; const x = e.pageX - this.carousel.offsetLeft; const walk = x - this.startX; const threshold = 5; if (!this.dragStarted && Math.abs(walk) > threshold) { this.dragStarted = true; this.carousel.classList.add("dragging"); } e.preventDefault(); this.carousel.scrollLeft = this.scrollLeft - walk; } onFocusIn(e) { if (!this.lastInteractionWasTab) return; const focused = e.target.closest('.carousel-cell'); if (focused && this.carousel.contains(focused)) { this.currentIndex = this.slides.indexOf(focused); this.scrollToSlide(this.lastInteractionWasTab); } this.lastInteractionWasTab = null; } init() { if (!this.carousel) return; if (this.carousel.scrollWidth <= this.carousel.offsetWidth) { this.container.classList.add('no-paging'); } this.carousel.addEventListener("scroll", this.throttledUpdateProgress); if (this.prevButton) { this.prevButton.addEventListener("click", () => { if (this.currentIndex === this.slides.length - 1) { this.currentIndex = this.findClosestIndex(); } if (this.currentIndex === 0 || this.startOfScroll) { this.currentIndex = this.slides.length - 1; this.scrollToSlide(0); } else { this.scrollToSlide(-1); } this.handleInteraction(); }); } if (this.nextButton) { this.nextButton.addEventListener("click", () => { if (this.currentIndex === 0) { this.currentIndex = this.findClosestIndex(); } if (this.currentIndex === this.slides.length - 1 || this.endOfScroll) { this.currentIndex = 0; this.scrollToSlide(); } else { this.scrollToSlide(1); } this.handleInteraction(); }); } this.container.addEventListener("click", this.handleInteraction); this.container.addEventListener("keydown", (e) => { this.handleInteraction(e); }); this.carousel.addEventListener("touchstart", this.onTouchStart, { passive: true }); this.carousel.addEventListener("touchend", this.onTouchEnd, { passive: true }); this.carousel.addEventListener("pointerdown", this.handleInteraction, { passive: true }); this.carousel.addEventListener("mouseover", () => { if (this.options.autoPlay && !this.manualStop) { this.stopAutoPlay(); } }); this.carousel.addEventListener("mouseout", () => { if (this.options.autoPlay && !this.manualStop) { this.startAutoPlay(); } }); this.carousel.addEventListener("mousedown", this.onMouseDown); this.carousel.addEventListener("mousemove", this.onMouseMove); this.carousel.addEventListener("mouseup", this.onMouseUp); this.carousel.addEventListener("mouseleave", this.onMouseUp); this.carousel.addEventListener("focusin", (e) => { this.onFocusIn(e); }); this.currentIndex = this.findClosestIndex(); this.updateProgress(); } } </script> </div> <script> window.addEventListener("DOMContentLoaded", function() { import("https://danabike.hu/!common_packages/jquery/plugins/bootstrap/5.3.3/modules/dropdown.min.js"); }); const NAV_HEADER = document.querySelector(".navbar-nav--header"); if (NAV_HEADER) { NAV_HEADER.addEventListener("click", (e) => { const navItem = e.target.closest(".dropdown"); if (navItem && navItem.parentElement === NAV_HEADER) { const rect = navItem.getBoundingClientRect(); const navItemBottom = rect.bottom; document.documentElement.style.setProperty('--menu-nav-item-bottom', `${navItemBottom}px`); } }); } function closeOpenedDropdowns(event) { event.stopPropagation(); const currentToggle = event.target.closest('.dropdown-toggle'); if (!currentToggle) return; const parentMenu = currentToggle.closest('.dropdown-menu'); const currentDropdown = currentToggle.closest('.dropdown'); if (!parentMenu || !currentDropdown) return; parentMenu.querySelectorAll('.dropdown-toggle.show').forEach(toggle => { const dropdown = toggle.closest('.dropdown'); if (dropdown === currentDropdown) return; bootstrap.Dropdown.getInstance(toggle).hide(); }); } </script> </body> </html>
