Keresés
Keresési találatok:
info@digital11.hu
+36-70-746-4262
Belépés
A kosár üres
Kategóriák
Digitalizálás
Fotó szkennelés
Negatív film szkennelés
Diaszkennelés
Iratok, könyvek szkennelése
Videokazetta digitalizálás
8 és 16 mm film digitalizálás
Audiokazetták digitalizálása
Orsós magnószalagok digitalizálása
Hanglemez digitalizálás
Digitalizálás árak
GYIK
Fotómegőrzés
Fotóalbumok
Képkeretek
Fotókidolgozás
Analóg fotózás
Filmes fényképezőgépek
Filmek
Egyszer használatos fényképezőgépek
Dianézők
Film előhívás
Kapcsolat
Blog
info@digital11.hu
+36-70-746-4262
Fotó, videó, optika
Fotós táska, tok
Előző termék
Következő termék
Előrehaladás:
0
%
Ulanzi BP10 Traker, B012GBB1, hardshell fotós hátizsák, 35L
Cikkszám:
UL-B012GBB1
Nincs vélemény a termékről:
0 értékelés
Részletek<svg class="icon-set"><use href="#icon-caret-right"></use></svg></button> </section> </div> <div class="layout-container layout-container--3 col-b gy-7 highlighted-block sticky-lg-top"> <section id="artdet__functions" class="artdet__function d-flex flex-wrap gap-2"> <button type="button" class="btn btn-secondary product-function-btn--compare page_artdet_func_compare_UL__unas__B012GBB1 page_artdet_func_compare_text_UL__unas__B012GBB1" onclick="popup_compare_dialog("UL-B012GBB1");" id="page_artdet_func_compare" aria-label="Összehasonlítás" data-text="Összehasonlítás" data-text-remove="Törlés összehasonlításból" > <svg class="icon-set"><use href="#icon-arrow-right-arrow-left"></use></svg> </button> <button type="button" class="btn btn-secondary product-function-btn--favourites page_artdet_func_favourites_UL__unas__B012GBB1 page_artdet_func_favourites_outer_UL__unas__B012GBB1" onclick="add_to_favourites("","UL-B012GBB1","page_artdet_func_favourites","page_artdet_func_favourites_outer","1432978026");" aria-label="Kedvencekhez" id="page_artdet_func_favourites" data-text="Kedvencekhez" data-text-remove="Törlés a kedvencek közül" > <svg class="icon-set"><use href="#icon-heart"></use></svg> </button> <button type="button" class="btn btn-secondary artdet-func-recommend" onclick="recommend_dialog("UL-B012GBB1");" id="page_artdet_func_recommend" aria-label="Ajánlom" > <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="M352 224H305.5c-45 0-81.5 36.5-81.5 81.5c0 22.3 10.3 34.3 19.2 40.5c6.8 4.7 12.8 12 12.8 20.3c0 9.8-8 17.8-17.8 17.8h-2.5c-2.4 0-4.8-.4-7.1-1.4C210.8 374.8 128 333.4 128 240c0-79.5 64.5-144 144-144h80V34.7C352 15.5 367.5 0 386.7 0c8.6 0 16.8 3.2 23.2 8.9L548.1 133.3c7.6 6.8 11.9 16.5 11.9 26.7s-4.3 19.9-11.9 26.7l-139 125.1c-5.9 5.3-13.5 8.2-21.4 8.2H384c-17.7 0-32-14.3-32-32V224zM80 96c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16H400c8.8 0 16-7.2 16-16V384c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V112C0 67.8 35.8 32 80 32h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H80z"/></svg>Ajánlom </button> <button type="button" class="btn btn-secondary artdet-func-question" onclick="popup_question_dialog("UL-B012GBB1");" id="page_artdet_func_question" aria-label="Kérdés a termékről" > <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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>Kérdés a termékről </button> <button type="button" class="btn btn-secondary artdet-func-print" onclick="javascript:popup_print_dialog(2,1,"UL-B012GBB1");" id="page_artdet_func_print" aria-label="Nyomtat" > <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="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>Nyomtat </button> </section> <section class="artdet__prices"> <div class="artdet__price-base-outer"> <span class="artdet__price-base product-price--base" aria-label="Vételár"><span class="artdet__price-base-value"><span class='price-gross-format'><span id='price_net_brutto_UL__unas__B012GBB1' class='price_net_brutto_UL__unas__B012GBB1 price-gross'>75 990</span><span class='price-currency'> Ft</span></span></span></span> </div> </section> <section class="artdet__stock layout-block d-flex flex-wrap align-items-center justify-content-between gx-5 gy-2"> <div class="badge stock on-stock" > <svg class="icon-set"><use href="#icon-circle-check"></use></svg> <span class="stock__text">Saját vagy külső RAKTÁRON</span> </div></section> <section class="artdet__virtual-point-highlighted highlighted-primary mw-mc"> <span class="artdet__virtual-point-highlighted__title d-inline-flex align-middle align-items-center icon-gap"><svg class="icon-set icon-size-xl" 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="M512 80c0 18-14.3 34.6-38.4 48c-29.1 16.1-72.5 27.5-122.3 30.9c-3.7-1.8-7.4-3.5-11.3-5C300.6 137.4 248.2 128 192 128c-8.3 0-16.4 .2-24.5 .6l-1.1-.6C142.3 114.6 128 98 128 80c0-44.2 86-80 192-80S512 35.8 512 80zM160.7 161.1c10.2-.7 20.7-1.1 31.3-1.1c62.2 0 117.4 12.3 152.5 31.4C369.3 204.9 384 221.7 384 240c0 4-.7 7.9-2.1 11.7c-4.6 13.2-17 25.3-35 35.5c0 0 0 0 0 0c-.1 .1-.3 .1-.4 .2l0 0 0 0c-.3 .2-.6 .3-.9 .5c-35 19.4-90.8 32-153.6 32c-59.6 0-112.9-11.3-148.2-29.1c-1.9-.9-3.7-1.9-5.5-2.9C14.3 274.6 0 258 0 240c0-34.8 53.4-64.5 128-75.4c10.5-1.5 21.4-2.7 32.7-3.5zM416 240c0-21.9-10.6-39.9-24.1-53.4c28.3-4.4 54.2-11.4 76.2-20.5c16.3-6.8 31.5-15.2 43.9-25.5V176c0 19.3-16.5 37.1-43.8 50.9c-14.6 7.4-32.4 13.7-52.4 18.5c.1-1.8 .2-3.5 .2-5.3zm-32 96c0 18-14.3 34.6-38.4 48c-1.8 1-3.6 1.9-5.5 2.9C304.9 404.7 251.6 416 192 416c-62.8 0-118.6-12.6-153.6-32C14.3 370.6 0 354 0 336V300.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 342.6 135.8 352 192 352s108.6-9.4 148.1-25.9c7.8-3.2 15.3-6.9 22.4-10.9c6.1-3.4 11.8-7.2 17.2-11.2c1.5-1.1 2.9-2.3 4.3-3.4V304v5.7V336zm32 0V304 278.1c19-4.2 36.5-9.5 52.1-16c16.3-6.8 31.5-15.2 43.9-25.5V272c0 10.5-5 21-14.9 30.9c-16.3 16.3-45 29.7-81.3 38.4c.1-1.7 .2-3.5 .2-5.3zM192 448c56.2 0 108.6-9.4 148.1-25.9c16.3-6.8 31.5-15.2 43.9-25.5V432c0 44.2-86 80-192 80S0 476.2 0 432V396.6c12.5 10.3 27.6 18.7 43.9 25.5C83.4 438.6 135.8 448 192 448z"/></svg>A vásárlás után járó pontok:</span> <span class="artdet__virtual-point-highlighted__content align-middle">760 Ft</span> </section> <section id="artdet__cart" class="artdet__cart layout-block row gx-4 gy-4 justify-content-center js-main-cart-btn"><div class="col-auto artdet__cart-btn-input-col quantity-unit-type--tippy"> <div class="artdet__cart-input-wrap page_qty_input_outer" role="group" aria-label="Mennyiség"> <button type="button" class="qtyminus_common btn btn-clear qty_disable" aria-label="minusz"></button> <input class="artdet__cart-input page_qty_input form-control form-control-lg" name="db" id="db_UL__unas__B012GBB1" type="number" value="1" data-min="1" data-max="999999" data-step="1" step="1" aria-label="Mennyiség" > <button type="button" class="qtyplus_common btn btn-clear" aria-label="plusz"></button> </div> </div><div class="col artdet__cart-btn-col d-grid usn"> <button class="artdet__cart-btn artdet-main-btn product-main-btn btn btn-lg js-main-product-cart-btn" type="button" data-sku-id="UL__unas__B012GBB1" onclick="checkVariants('#artdet__variants');inputsErrorHandling(0,this);" data-onclick="cart_add('UL__unas__B012GBB1','',null,1);" aria-label="Kosárba" > <svg class="icon-set"><use href="#icon-basket-shopping"></use></svg>Kosárba</button> </div></section> </div> <div class="layout-container layout-container--4 col-c gy-7"> <section id="artdet__similar-products" class="similar-products js-similar-products"> <div class="similar-products__title main-title d-none">Hasonló termékek</div> <div class="similar-products__inner position-relative"> <div class="spinner-overlay bg-transparent"> <div class="spinner-fa m-5" role="status"> <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="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V96c0 17.7 14.3 32 32 32s32-14.3 32-32V32zm0 384c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V416zM0 256c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zm416-32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H416zM75 75c-12.5 12.5-12.5 32.8 0 45.3l45.3 45.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L120.2 75C107.7 62.5 87.5 62.5 75 75zM391.8 346.5c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L391.8 437c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3zM75 437c12.5 12.5 32.8 12.5 45.3 0l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L75 391.8c-12.5 12.5-12.5 32.8 0 45.3zM346.5 120.2c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L437 120.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-45.3 45.3z"/></svg> <span class="visually-hidden">Betöltés...</span> </div> </div> </div> <script> let elSimiProd = $(".js-similar-products"); $.ajax({ type: 'GET', url: 'https://www.digital11.hu/shop_ajax/ajax_related_products.php?get_ajax=1&cikk=UL-B012GBB1&type=similar&change_lang=hu&artdet_version=2&ajax_nodesign_element_render=1', beforeSend:function(){ elSimiProd.addClass('ajax-loading'); }, success:function(data){ if (data !== '' && data !== 'no') { elSimiProd.removeClass('ajax-loading').addClass('ajax-loaded'); elSimiProd.find('.similar-products__inner').html(data); } else { elSimiProd.addClass('d-none ajax-loaded').removeClass('ajax-loading'); } } }); </script> </section> <section id="artdet__long-description" class="long-description"> <div class="long-description__title main-title">Részletek</div> <div class="long-description__content highlighted-block"><p>Az Ulanzi BP10 kamerahátizsák nagy, 35 literes kapacitással rendelkezik. Biztonságosan tárolhatja és szállíthatja a fényképezőgépét és laptopját (17''). Tartsa biztonságban a DSLR fényképezőgépét, drónját és kiegészítőit professzionális minőségű vízálló kamera- és objektívtáskánkkal.</p><p><br /></p><p>Jellemzők:</p><p><br /></p><p>- 35L nagy kapacitású hátizsák: Ez a professzionális kameratáska akár 2 fényképezőgépet és 6 objektívet is képes eltárolni. A válaszfalaknak köszönhetően jól alakítható, így egyéni igényeire szabhatja </p><p><br /></p><p>- Biztonság: Kemény anyagból készült külső réteg, vízálló, strapabíró </p><p><br /></p><p>- Ergonómikus kialakítás, állítható vállpántokkal ellátva</p><p><br /></p><p>- Optimális kialakítás: Könnyen hozzáférhet az eltárolt eszközökhöz</p><p><br /></p><p><br /></p><p>Műszaki adatok:</p><p>- Modell: BP10</p><p>- Kapacitás: 25L (Bővíthető 35L-re)</p><p>- Anyag: Poliészter szál</p><p>- Termék méretek: 470*215*325mm</p><p>- Nettó súly (válaszfalak, szíjak nélkül): Kb. 2.087kg</p><p>- Nettó súly (válaszfalakkal, szíjakkal): Kb. 2.647kg</p><p>- Hordozóképesség: 15kg</p><br /><hr> <h3>Termékek elérhetősége</h3> <p><span style="color: #2dc26b;"><strong>Raktáron:</strong></span> saját vagy külső raktárról elérhető a termék. </p> <p><span style="color: #169179;"><strong>Rendelhető:</strong></span> nagykereskedő partnerünknél elérhető a termék, néhány napon belül beszerezzük. Egyes termékek beszerzése hosszabb időt is igénybe vehet, ezt a termék adatlapján külön jelöljük.</p> <p><strong><span style="color: #e03e2d;">Nincs raktáron:</span> </strong>bizonytalan ideig nem elérhető, és nem rendelhető a termék. </p> <h3>Szállítás, fizetés</h3> <table style="border-collapse: collapse; width: 99.9757%; border-spacing: 2px;"><colgroup><col style="width: 18.0323%;"><col style="width: 57.0114%;"><col style="width: 24.9335%;"></colgroup> <tbody> <tr style="height: 50px;"> <td style="padding: 3px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.digital11.hu/shop_ordered/73610/pic/bolt.png" alt="bolt.png" width="40" height="40"></td> <td style="padding: 3px;">Személyes átvétel a Digital11 digitalizáló stúdióban</td> <td style="padding: 3px;">0 Ft</td> </tr> <tr style="height: 50px;"> <td style="text-align: center; padding: 3px;"><img src="https://www.digital11.hu/shop_ordered/73610/pic/shipping_foxpost_hu_api2_automata_1.png" alt="shipping_foxpost_hu_api2_automata_1.png" width="40" height="40"></td> <td style="padding: 3px;">Foxpost csomagautomaták és átvételi pontok</td> <td style="padding: 3px;">1490 Ft</td> </tr> <tr style="height: 50px;"> <td style="text-align: center; padding: 3px;"><img src="https://www.digital11.hu/shop_ordered/73610/pic/gls.png" alt="gls.png" width="95" height="40"></td> <td style="padding: 3px;">GLS házhozszállítás</td> <td style="padding: 3px;">2590 Ft</td> </tr> <tr style="height: 50px;"> <td style="text-align: center; padding: 3px;"><img src="https://www.digital11.hu/shop_ordered/73610/pic/glspont.jpg" alt="glspont.jpg" width="101" height="40"></td> <td style="padding: 3px;">GLS csomagpontok és automaták</td> <td style="padding: 3px;">2190 Ft</td> </tr> <tr> <td style="padding: 3px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.digital11.hu/shop_ordered/73610/pic/checkout_stripe_com_1.png" alt="checkout_stripe_com_1.png" width="84" height="40"></td> <td style="padding: 3px;">Online bankkártyás fizetés a Stripe rendszerén</td> <td style="padding: 3px;">0 Ft</td> </tr> <tr style="height: 50px;"> <td style="padding: 3px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.digital11.hu/shop_ordered/73610/pic/utanvet.png" alt="utanvet.png" width="40" height="40"></td> <td style="padding: 3px;">Utánvét díja (kivéve személyes átvétel esetén)</td> <td style="padding: 3px;">500 Ft</td> </tr> </tbody> </table> <p><br />Egyes nagyméretű termékeket kizárólag személyes átvétellel vagy házhozszállítással lehet megrendelni.</p> <h3>Mikor kapom meg a terméket?</h3> <p><strong>Raktáron </strong>lévő termékek saját, vagy külső raktárról elérhetők, és 1-2 napon belül átadjuk a futárszolgálatnak.<br />Bolti átvétel: ha saját raktáron van, akkor akár már aznap. Kérlek, várd meg az értesítést!<br />GLS: várható kézbesítés a megrendeléstől számított 2-4 munkanap.<br />Foxpost: várható kézbesítés a megrendeléstől számított 3-5 munkanap .</p> <p><strong>Rendelhető</strong> termékek raktárunkba történő beérkezése 2-3 nap, ezt követően adjuk át a futárszolgálatnak. <br />Bolti átvétel: 2-3 munkanap.<br />GLS: várható kézbesítés a megrendeléstől számított 3-5 munkanap.<br />Foxpost: várható kézbesítés a megrendeléstől számított 4-6 munkanap.</p> <p>Egyes termékeket külföldi nagykereskedéstől szerzünk be, ezek beérkezése a fentiektől eltérhet, és a termék adatlapján külön jelezzük.</p></div> </section> <section id="artdet__data" class="artdet__data"> <div class="data__title main-title">Adatok</div> <div class="artdet__data-content data__items grid"> <div class="data__item artdet__param product_param_type_text" id="artdet-param-6804394" data-type="text"> <span class="artdet__param-label"> <span class="param-name">Gyártó:</span> </span> <div class="artdet__param-value data__item-value"> ULANZI </div> </div> <div class="data__item artdet__param product_param_type_text" id="artdet-param-7808756" data-type="text"> <span class="artdet__param-label"> <span class="param-name">Listaár:</span> </span> <div class="artdet__param-value data__item-value"> 75 990 HUF </div> </div> <div class="data__item artdet__param product_param_type_text" id="artdet-param-7867426" data-type="text"> <span class="artdet__param-label"> <span class="param-name">Űrtartalom (liter):</span> </span> <div class="artdet__param-value data__item-value"> 35L </div> </div> <div class="data__item artdet__param product_param_type_text" id="artdet-param-8787831" data-type="text"> <span class="artdet__param-label"> <span class="param-name">Gyártó:</span> </span> <div class="artdet__param-value data__item-value"> ULANZI </div> </div> </div> </section> <section id="artdet__product-reviews" class="product-reviews js-reviews-content product-reviews--type-1" aria-label="Vélemények"> <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://www.digital11.hu/shop_artforum.php?cikk=UL-B012GBB1">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="M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h68c49.7 0 97.9-14.4 139-41c11.1-7.2 5.5-23-7.8-23c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l81-24.3c2.5-.8 4.8-2.1 6.7-4l22.4-22.4c10.1-10.1 2.9-27.3-11.3-27.3l-32.2 0c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l112-33.6c4-1.2 7.4-3.9 9.3-7.7C506.4 207.6 512 184.1 512 160c0-41-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 330v55.3L253.6 195.8c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z"/></svg></a> </div> </section> </div> </section> </section> <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://www.digital11.hu/img/73610/UL-B012GBB1/60x60,r/UL-B012GBB1.jpg?time=1768294515" srcset="https://www.digital11.hu/img/73610/UL-B012GBB1/120x120,r/UL-B012GBB1.jpg?time=1768294515" alt="Ulanzi BP10 Traker, B012GBB1, hardshell fotós hátizsák, 35L"> </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"> Ulanzi BP10 Traker, B012GBB1, hardshell fotós hátizsák, 35L </div> <div class="fixed-cart__prices row g-0 align-items-center ms-md-auto"> <div class="col d-flex flex-wrap gx-1 align-items-baseline flex-md-column"> <div class="fixed-cart__price-base-outer"> <span class="fixed-cart__price fixed-cart__price--base product-price--base"><span class="fixed-cart__price-base-value"><span class='price-gross-format'><span id='price_net_brutto_UL__unas__B012GBB1' class='price_net_brutto_UL__unas__B012GBB1 price-gross'>75 990</span><span class='price-currency'> Ft</span></span></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://www.digital11.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://www.digital11.hu/!common_packages/jquery/plugins/photoswipe/css/photoswipe.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <script defer src="https://www.digital11.hu/!common_packages/jquery/plugins/photoswipe/photoswipe.min.js"></script> <script defer src="https://www.digital11.hu/!common_packages/jquery/plugins/photoswipe/photoswipe-ui-default.min.js"></script> <div class="photoSwipeDatas invisible"> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_1/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_2/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_3/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_4/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_5/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_6/UL-B012GBB1.jpg?time=1768294515" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_7/UL-B012GBB1.jpg?time=1768294516" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_8/UL-B012GBB1.jpg?time=1768294516" data-size="800x800"></a> <a href="https://www.digital11.hu/img/73610/UL-B012GBB1_altpic_9/UL-B012GBB1.jpg?time=1768294516" data-size="800x800"></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="M32 64C14.3 64 0 78.3 0 96v96c0 17.7 14.3 32 32 32s32-14.3 32-32V128h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V320zM384 64c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V96c0-17.7-14.3-32-32-32H384zM512 320c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V320z"/></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 96c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V96zM32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32H96v64c0 17.7 14.3 32 32 32s32-14.3 32-32V320c0-17.7-14.3-32-32-32H32zM416 96c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H416V96zM384 288c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32s32-14.3 32-32V352h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H384z"/></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="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM136 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://www.digital11.hu/shop_reg.php">Regisztráció</a></li> <li><a href="https://www.digital11.hu/shop_order_track.php">Profilom</a></li> <li><a href="https://www.digital11.hu/shop_cart.php">Kosár</a></li> <li><a href="https://www.digital11.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://www.digital11.hu/shop_help.php?tab=terms">Általános szerződési feltételek (webshop)</a></li> <li><a href="https://digital11.hu/aszf">Általános szerződési feltételek (digitalizálás)</a></li> <li><a href="https://www.digital11.hu/shop_help.php?tab=privacy_policy">Adatkezelési tájékoztató</a></li> <li><a href="https://digital11.hu/szerzoi-jogok-adatok-biztonsaga">Szerzői jogok, adatok biztonsága (digitalizálás)</a></li> <li><a href="https://www.digital11.hu/shop_contact.php?tab=payment">Fizetés</a></li> <li><a href="https://www.digital11.hu/shop_contact.php?tab=shipping">Szállítás</a></li> <li><a href="https://www.digital11.hu/shop_contact.php">Elérhetőségek</a></li> <li><a class="cookie-alert__btn-open d-none" role="button" href="#">Adatkezelési beállítások</a></li> <li><a href="https://digital11.hu/elallas-a-szerzodestol">Elállás a szerződéstől</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://www.digital11.hu/"> <picture> <source width="200" height="44" media="(max-width: 575.98px)" srcset="https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1747235870 1x, https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default_retina.png?time=1747235870 2x"> <source width="200" height="44" media="(max-width: 767.98px)" srcset="https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1747235870 1x, https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default_retina.png?time=1747235870 2x"> <source width="200" height="44" media="(max-width: 991.98px)" srcset="https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1747235870 1x"> <source width="200" height="44" srcset="https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1747235870 1x, https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default_retina.png?time=1747235870 2x"> <img width="200" height="44" loading="lazy" src="https://www.digital11.hu/!common_design/custom/digital111.unas.hu/element/layout_hu_footer_v2_menu_5_1_default.png?time=1747235870" alt="Digital11 digitalizáló stúdió és webshop" > </picture> </a> <div class="element-links d-flex flex-column"> <a class="element-link element-icon-plus-text icon-link" href="https://maps.google.com/?q=[Digital11 digitalizáló stúdió]" 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="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg><span>1122 Budapest, Városmajor u. 23.</span></a> <a class="element-link element-icon-plus-text icon-link" href="tel:+36707464262" 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="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg><span>+36-70-746-4262</span></a> <a class="element-link element-icon-plus-text icon-link" href="mailto:info@digital11.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="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg><span>info@digital11.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 href="https://www.digital11.hu/shop_contact.php?tab=payment" class="checkout__item with-svg checkout__img-link has-img" rel="nofollow noopener"> <img class="checkout__img" title="stripe_com" alt="stripe_com" loading="lazy" src="https://www.digital11.hu/!common_design/own/image/logo/svg_dark/logo_checkout_stripe_com_box.svg" width="93" 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/229006-150x74-9efe5d075a5b2f78a97255978b193f1f.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=73610&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://www.digital11.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://www.digital11.hu/shop_logincheck.php" method="post"><input name="file_back" type="hidden" value="/Ulanzi-BP10-Traker-B012GBB1-hardshell-fotos-hatizs"><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="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></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="M336 352c97.2 0 176-78.8 176-176S433.2 0 336 0S160 78.8 160 176c0 18.7 2.9 36.8 8.3 53.7L7 391c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zM376 96a40 40 0 1 1 0 80 40 40 0 1 1 0-80z"/></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://www.digital11.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="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM504 312V248H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V136c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H552v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></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="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg> </button> </div> <div class="offcanvas-body"> <form name="form_remind" onsubmit="return check_remind(event);"><input name="file_back" type="hidden" value="/Ulanzi-BP10-Traker-B012GBB1-hardshell-fotos-hatizs"><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="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></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 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="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></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 = 60; sendBtn.classList.add('loader', 'ajax-loading'); sendBtn.classList.remove('ajax-loaded'); sendBtn.disabled = true; successAlert.classList.add('d-none'); fetch(`https://www.digital11.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://www.digital11.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 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="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V96c0 17.7 14.3 32 32 32s32-14.3 32-32V32zm0 384c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V416zM0 256c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zm416-32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H416zM75 75c-12.5 12.5-12.5 32.8 0 45.3l45.3 45.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L120.2 75C107.7 62.5 87.5 62.5 75 75zM391.8 346.5c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L391.8 437c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3zM75 437c12.5 12.5 32.8 12.5 45.3 0l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L75 391.8c-12.5 12.5-12.5 32.8 0 45.3zM346.5 120.2c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L437 120.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-45.3 45.3z"/></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://www.digital11.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 plus-menus-placed-first" 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" id="offcanvas-header-box-menu"> <div class="offcanvas-title h4" id="offcanvas-box-menu-label">Menü</div> </div> <div class="offcanvas-body" 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-973891 btn-group dropdown"> <a class="nav-link btn" href="https://www.digital11.hu/digitalizalas" aria-label="Digitalizálás menüpont">Digitalizálás<svg class="icon-set"><use href="#icon-angle-down"></use></svg> </a> <button class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button" aria-label="további menüpontok" ><svg class="icon-set"><use href="#icon-angle-down"></use></svg></button> <ul class="dropdown-menu dropdown-level--1"> <li class="nav-item nav-item--menu js-nav-item-508811"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/foto-szkenneles" aria-label="Fotó szkennelés menüpont">Fotó szkennelés </a> </li> <li class="nav-item nav-item--menu js-nav-item-201247"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/dia-es-negativ-film-szkenneles" aria-label="Negatív film szkennelés menüpont">Negatív film szkennelés </a> </li> <li class="nav-item nav-item--menu js-nav-item-948811"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/dia-es-negativ-film-szkenneles" aria-label="Diaszkennelés menüpont">Diaszkennelés </a> </li> <li class="nav-item nav-item--menu js-nav-item-448320"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/iratok-konyvek-szkennelese" aria-label="Iratok, könyvek szkennelése menüpont">Iratok, könyvek szkennelése </a> </li> <li class="nav-item nav-item--menu js-nav-item-562576"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/videodigitalizalas" aria-label="Videokazetta digitalizálás menüpont">Videokazetta digitalizálás </a> </li> <li class="nav-item nav-item--menu js-nav-item-932068"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/keskenyfilmek-digitalizalasa" aria-label="8 és 16 mm film digitalizálás menüpont">8 és 16 mm film digitalizálás </a> </li> <li class="nav-item nav-item--menu js-nav-item-159276"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/magnokazettak-digitalizalasa" aria-label="Audiokazetták digitalizálása menüpont">Audiokazetták digitalizálása </a> </li> <li class="nav-item nav-item--menu js-nav-item-147323"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/orsos-magnoszalagok-digitalizalasa" aria-label="Orsós magnószalagok digitalizálása menüpont">Orsós magnószalagok digitalizálása </a> </li> <li class="nav-item nav-item--menu js-nav-item-308778"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/digitalizalas/hanglemez-digitalizalas" aria-label="Hanglemez digitalizálás menüpont">Hanglemez digitalizálás </a> </li> <li class="nav-item nav-item--menu js-nav-item-205921"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/arak" aria-label="Digitalizálás árak menüpont">Digitalizálás árak </a> </li> <li class="nav-item nav-item--menu js-nav-item-126845"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/gyik" aria-label="GYIK menüpont">GYIK </a> </li> </ul> </li> <li class="nav-item nav-item--menu js-nav-item-569373 btn-group dropdown"> <a class="nav-link btn" href="https://www.digital11.hu/fotomegorzes" aria-label="Fotómegőrzés menüpont">Fotómegőrzés<svg class="icon-set"><use href="#icon-angle-down"></use></svg> </a> <button class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button" aria-label="további menüpontok" ><svg class="icon-set"><use href="#icon-angle-down"></use></svg></button> <ul class="dropdown-menu dropdown-level--1"> <li class="nav-item nav-item--menu js-nav-item-218195"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/fotoalbumok" aria-label="Fotóalbumok menüpont">Fotóalbumok </a> </li> <li class="nav-item nav-item--menu js-nav-item-439312"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/Kepkeretek" aria-label="Képkeretek menüpont">Képkeretek </a> </li> <li class="nav-item nav-item--menu js-nav-item-782871"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/foto-nyomtatas-fotokidolgozas" aria-label="Fotókidolgozás menüpont">Fotókidolgozás </a> </li> </ul> </li> <li class="nav-item nav-item--menu js-nav-item-765863 btn-group dropdown"> <a class="nav-link btn" href="https://www.digital11.hu/analog-fotozas" aria-label="Analóg fotózás menüpont">Analóg fotózás<svg class="icon-set"><use href="#icon-angle-down"></use></svg> </a> <button class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button" aria-label="további menüpontok" ><svg class="icon-set"><use href="#icon-angle-down"></use></svg></button> <ul class="dropdown-menu dropdown-level--1"> <li class="nav-item nav-item--menu js-nav-item-746758"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/Analog-fenykepezogep" aria-label="Filmes fényképezőgépek menüpont">Filmes fényképezőgépek </a> </li> <li class="nav-item nav-item--menu js-nav-item-224788"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/Film" aria-label="Filmek menüpont">Filmek </a> </li> <li class="nav-item nav-item--menu js-nav-item-115103"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/Egyszer-hasznalatos-fenykepezogep" aria-label="Egyszer használatos fényképezőgépek menüpont">Egyszer használatos fényképezőgépek </a> </li> <li class="nav-item nav-item--menu js-nav-item-949182"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/Dianezo" aria-label="Dianézők menüpont">Dianézők </a> </li> <li class="nav-item nav-item--menu js-nav-item-473074"> <a class="nav-link btn dropdown-item" href="https://www.digital11.hu/film-elohivas" aria-label="Film előhívás menüpont">Film előhívás </a> </li> </ul> </li> <li class="nav-item nav-item--menu js-nav-item-563179"> <a class="nav-link btn" href="https://www.digital11.hu/kapcsolat" aria-label="Kapcsolat menüpont">Kapcsolat </a> </li> <li class="nav-item nav-item--menu js-nav-item-930300"> <a class="nav-link btn" href="https://www.digital11.hu/blog" aria-label="Blog menüpont">Blog </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="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"/></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://www.digital11.hu/shop_ajax/ajax_favourites.php", data: "get_ajax=1&action=remove&cikk="+cikk+"&shop_id=73610", dataType: "JSON", success: function(result){ if(result.success) { var product_array = {}; product_array["sku"] = cikk; product_array["sku_id"] = temp_cikk_id; product_array["master_key"] = master_key; product_array["analytics_item"] = result.analytics_item; $(document).trigger("removeFromFavourites", product_array); 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://www.digital11.hu/shop_ajax/ajax_favourites.php", data: "get_ajax=1&action=add&cikk="+cikk+"&shop_id=73610", dataType: "JSON", success: function(result){ if(result.success) { 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; product_array["analytics_item"] = result.analytics_item; $(document).trigger("addToFavourites", product_array); 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 = ["9efe5d075a5b2f78a97255978b193f1f","BR","HU",0,"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://www.digital11.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://www.digital11.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:\/\/www.digital11.hu\/Ulanzi-BP10-Traker-B012GBB1-hardshell-fotos-hatizs","offers":{"@type":"Offer","category":"Fot\u00f3, vide\u00f3, optika > Fot\u00f3s t\u00e1ska, tok","url":"https:\/\/www.digital11.hu\/Ulanzi-BP10-Traker-B012GBB1-hardshell-fotos-hatizs","availability":"https:\/\/schema.org\/InStock","itemCondition":"https:\/\/schema.org\/NewCondition","priceCurrency":"HUF","price":"75990","validFrom":"2026-09-22","priceValidUntil":"2027-09-22"},"image":["https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_1\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_2\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_3\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_4\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_5\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_6\/UL-B012GBB1.jpg?time=1768294515","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_7\/UL-B012GBB1.jpg?time=1768294516","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_8\/UL-B012GBB1.jpg?time=1768294516","https:\/\/www.digital11.hu\/img\/73610\/UL-B012GBB1_altpic_9\/UL-B012GBB1.jpg?time=1768294516"],"sku":"UL-B012GBB1","productId":"UL-B012GBB1","description":"Az Ulanzi BP10 kamerah\u00e1tizs\u00e1k nagy, 35 literes kapacit\u00e1ssal rendelkezik. Biztons\u00e1gosan t\u00e1rolhatja \u00e9s sz\u00e1ll\u00edthatja a f\u00e9nyk\u00e9pez\u0151g\u00e9p\u00e9t \u00e9s laptopj\u00e1t (17''). Tartsa biztons\u00e1gban a DSLR f\u00e9nyk\u00e9pez\u0151g\u00e9p\u00e9t, dr\u00f3nj\u00e1t \u00e9s kieg\u00e9sz\u00edt\u0151it professzion\u00e1lis min\u0151s\u00e9g\u0171 v\u00edz\u00e1ll\u00f3 kamera- \u00e9s objekt\u00edvt\u00e1sk\u00e1nkkal. Jellemz\u0151k: - 35L nagy kapacit\u00e1s\u00fa h\u00e1tizs\u00e1k: Ez a professzion\u00e1lis kamerat\u00e1ska ak\u00e1r 2 f\u00e9nyk\u00e9pez\u0151g\u00e9pet \u00e9s 6 objekt\u00edvet is k\u00e9pes elt\u00e1rolni. A v\u00e1laszfalaknak k\u00f6sz\u00f6nhet\u0151en j\u00f3l alak\u00edthat\u00f3, \u00edgy egy\u00e9ni ig\u00e9nyeire szabhatja - Biztons\u00e1g: Kem\u00e9ny anyagb\u00f3l k\u00e9sz\u00fclt k\u00fcls\u0151 r\u00e9teg, v\u00edz\u00e1ll\u00f3, strapab\u00edr\u00f3 - Ergon\u00f3mikus kialak\u00edt\u00e1s, \u00e1ll\u00edthat\u00f3 v\u00e1llp\u00e1ntokkal ell\u00e1tva - Optim\u00e1lis kialak\u00edt\u00e1s: K\u00f6nnyen hozz\u00e1f\u00e9rhet az elt\u00e1rolt eszk\u00f6z\u00f6kh\u00f6z M\u0171szaki adatok:- Modell: BP10- Kapacit\u00e1s: 25L (B\u0151v\u00edthet\u0151 35L-re)- Anyag: Poli\u00e9szter sz\u00e1l- Term\u00e9k m\u00e9retek: 470*215*325mm- Nett\u00f3 s\u00faly (v\u00e1laszfalak, sz\u00edjak n\u00e9lk\u00fcl): Kb. 2.087kg- Nett\u00f3 s\u00faly (v\u00e1laszfalakkal, sz\u00edjakkal): Kb. 2.647kg- Hordoz\u00f3k\u00e9pess\u00e9g: 15kg \r\nTerm\u00e9kek el\u00e9rhet\u0151s\u00e9ge\r\nRakt\u00e1ron: saj\u00e1t vagy k\u00fcls\u0151 rakt\u00e1rr\u00f3l el\u00e9rhet\u0151 a term\u00e9k.\u00a0\r\nRendelhet\u0151: nagykeresked\u0151 partner\u00fcnkn\u00e9l el\u00e9rhet\u0151 a term\u00e9k, n\u00e9h\u00e1ny napon bel\u00fcl beszerezz\u00fck. Egyes term\u00e9kek beszerz\u00e9se hosszabb id\u0151t is ig\u00e9nybe vehet, ezt a term\u00e9k adatlapj\u00e1n k\u00fcl\u00f6n jel\u00f6lj\u00fck.\r\nNincs rakt\u00e1ron: bizonytalan ideig nem el\u00e9rhet\u0151, \u00e9s nem rendelhet\u0151 a term\u00e9k.\u00a0\r\nSz\u00e1ll\u00edt\u00e1s, fizet\u00e9s\r\n\r\n\r\n\r\n\r\nSzem\u00e9lyes \u00e1tv\u00e9tel a Digital11 digitaliz\u00e1l\u00f3 st\u00fadi\u00f3ban\r\n0 Ft\r\n\r\n\r\n\r\nFoxpost csomagautomat\u00e1k \u00e9s \u00e1tv\u00e9teli pontok\r\n1490 Ft\r\n\r\n\r\n\r\nGLS h\u00e1zhozsz\u00e1ll\u00edt\u00e1s\r\n2590 Ft\r\n\r\n\r\n\r\nGLS csomagpontok \u00e9s automat\u00e1k\r\n2190 Ft\r\n\r\n\r\n\r\nOnline bankk\u00e1rty\u00e1s fizet\u00e9s a Stripe rendszer\u00e9n\r\n0 Ft\r\n\r\n\r\n\r\nUt\u00e1nv\u00e9t d\u00edja (kiv\u00e9ve szem\u00e9lyes \u00e1tv\u00e9tel eset\u00e9n)\r\n500 Ft\r\n\r\n\r\n\r\n Egyes nagym\u00e9ret\u0171 term\u00e9keket kiz\u00e1r\u00f3lag szem\u00e9lyes \u00e1tv\u00e9tellel vagy h\u00e1zhozsz\u00e1ll\u00edt\u00e1ssal lehet megrendelni.\r\nMikor kapom meg a term\u00e9ket?\r\nRakt\u00e1ron l\u00e9v\u0151 term\u00e9kek saj\u00e1t, vagy k\u00fcls\u0151 rakt\u00e1rr\u00f3l el\u00e9rhet\u0151k, \u00e9s 1-2 napon bel\u00fcl \u00e1tadjuk a fut\u00e1rszolg\u00e1latnak. Bolti \u00e1tv\u00e9tel: ha saj\u00e1t rakt\u00e1ron van, akkor ak\u00e1r m\u00e1r aznap. K\u00e9rlek, v\u00e1rd meg az \u00e9rtes\u00edt\u00e9st! GLS: v\u00e1rhat\u00f3 k\u00e9zbes\u00edt\u00e9s a megrendel\u00e9st\u0151l sz\u00e1m\u00edtott 2-4 munkanap. Foxpost: v\u00e1rhat\u00f3 k\u00e9zbes\u00edt\u00e9s a megrendel\u00e9st\u0151l sz\u00e1m\u00edtott 3-5 munkanap .\r\nRendelhet\u0151 term\u00e9kek rakt\u00e1runkba t\u00f6rt\u00e9n\u0151 be\u00e9rkez\u00e9se 2-3 nap, ezt k\u00f6vet\u0151en adjuk \u00e1t a fut\u00e1rszolg\u00e1latnak.\u00a0 Bolti \u00e1tv\u00e9tel: 2-3 munkanap. GLS: v\u00e1rhat\u00f3 k\u00e9zbes\u00edt\u00e9s a megrendel\u00e9st\u0151l sz\u00e1m\u00edtott 3-5 munkanap. Foxpost: v\u00e1rhat\u00f3 k\u00e9zbes\u00edt\u00e9s a megrendel\u00e9st\u0151l sz\u00e1m\u00edtott 4-6 munkanap.\r\nEgyes term\u00e9keket k\u00fclf\u00f6ldi nagykeresked\u00e9st\u0151l szerz\u00fcnk be, ezek be\u00e9rkez\u00e9se a fentiekt\u0151l elt\u00e9rhet, \u00e9s a term\u00e9k adatlapj\u00e1n k\u00fcl\u00f6n jelezz\u00fck.","brand":{"@type":"Brand","name":"ULANZI"},"manufacturer":{"@type":"Organization","name":"ULANZI"},"gtin13":"6974774331476","additionalProperty":[{"@type":"PropertyValue","name":"Gy\u00e1rt\u00f3","value":"ULANZI"},{"@type":"PropertyValue","name":"Lista\u00e1r","value":"75 990 HUF"},{"@type":"PropertyValue","name":"\u0170rtartalom (liter)","value":"35L"},{"@type":"PropertyValue","name":"Gy\u00e1rt\u00f3","value":"ULANZI"}],"name":"Ulanzi BP10 Traker, B012GBB1, hardshell fot\u00f3s h\u00e1tizs\u00e1k, 35L"}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"F\u0151oldal","item":"https:\/\/www.digital11.hu\/"},{"@type":"ListItem","position":2,"name":"Fot\u00f3, vide\u00f3, optika","item":"https:\/\/www.digital11.hu\/Foto-video-optika"},{"@type":"ListItem","position":3,"name":"Fot\u00f3s t\u00e1ska, tok","item":"https:\/\/www.digital11.hu\/Fotos-taska-fotos-tok"}]}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"WebSite","url":"https:\/\/www.digital11.hu\/","name":"Digital11 digitaliz\u00e1l\u00f3 st\u00fadi\u00f3 \u00e9s webshop","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.digital11.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":"Jol\u00e1thyn\u00e9 Parti Rita Hajnalka e.v.","legalName":"Jol\u00e1thyn\u00e9 Parti Rita Hajnalka e.v.","url":"https:\/\/www.digital11.hu","address":{"@type":"PostalAddress","streetAddress":"Bart\u00f3k B\u00e9la \u00fat 40.","addressLocality":"Budapest","postalCode":"1111","addressCountry":"HU"},"contactPoint":{"@type":"ContactPoint","telephone":"+36-70-746-4262","email":"info@digital11.hu"}}</script> <script>let cookie_type = 5;</script> <div class="cookie-alert modal-cookie-alert modal fade modal-cookie-alert--5 modal-auto-show" id="overlay_cookie_alert" aria-labelledby="cookie-alert-title" aria-describedby="cookie-alert-description" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" > <div class="modal-dialog modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <svg class="icon-set modal-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="modal-title h4" id="cookie-alert-title">Adatkezelési beállítások</div> </div> <div class="modal-body"> <div id="cookie-alert-description" 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://www.digital11.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 class="cookie-alert__checkboxes" role="radiogroup" aria-labelledby="cookie-alert-title" style="display: none"> <div class="form-check"> <input aria-describedby="checkbox_working_description" class="form-check-input" type="checkbox" id="cookie_alert_checkbox_working" checked="checked" disabled="disabled"> <label for="cookie_alert_checkbox_working" class="form-check-label"> Működéshez szükséges cookie-k <div id="checkbox_working_description" class="form-text">A működéshez szükséges cookie-k döntő fontosságúak a weboldal alapvető funkciói szempontjából, és a weboldal ezek nélkül nem fog megfelelően működni. Ezek a sütik nem tárolnak személyazonosításra alkalmas adatokat.</div> </label> </div> <div class="form-check"> <input aria-describedby="checkbox_market_description" class="form-check-input" type="checkbox" id="cookie_alert_checkbox_marketing" value="1"> <label for="cookie_alert_checkbox_marketing" class="form-check-label"> Marketing cookie-k <div id="checkbox_market_description" class="form-text">A marketing cookie-kat a látogatók weboldal-tevékenységének nyomon követésére használjuk. A cél az, hogy releváns hirdetéseket tegyünk közzé az egyéni felhasználók számára (pl. <a href='https://business.safety.google/privacy/' target='_blank'>Google Ads</a>, <a href='https://www.facebook.com/privacy/policies/cookies' target='_blank'>Facebook Ads</a>), valamint aktivitásra buzdítsuk őket, ez pedig még értékesebbé teszi weboldalunkat.</div> </label> </div> <div class="form-check"> <input aria-describedby="checkbox_stats_description" class="form-check-input" type="checkbox" id="cookie_alert_checkbox_statistics" value="1"> <label for="cookie_alert_checkbox_statistics" class="form-check-label"> Analitikai cookie-k <div id="checkbox_stats_description" class="form-text">Az adatok névtelen formában való gyűjtésén és jelentésén keresztül a statisztikai cookie-k segítenek a weboldal tulajdonosának abban, hogy megértse, hogyan lépnek interakcióba a látogatók a weboldallal.</div> </label> </div> <div class="form-check"> <input aria-describedby="checkbox_personalize_description" class="form-check-input" type="checkbox" id="cookie_alert_checkbox_personalization" value="1"> <label for="cookie_alert_checkbox_personalization" class="form-check-label"> Cookie-k személyre szabáshoz <div id="checkbox_personalize_description" class="form-text">A személyre szabáshoz használt cookie-k segítségével olyan információkat tudunk megjegyezni, amelyek megváltoztatják a weboldal magatartását, illetve kinézetét.</div> </label> </div> </div> </div> <div class="modal-footer"> <button class="cookie-alert__btn-config btn btn-secondary" type="button" aria-expanded="false"> <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="M96 384a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm90.5-64c-13.2-37.3-48.7-64-90.5-64c-53 0-96 43-96 96s43 96 96 96c41.8 0 77.4-26.7 90.5-64L480 384c17.7 0 32-14.3 32-32s-14.3-32-32-32l-293.5 0zM448 160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM325.5 128L32 128c-17.7 0-32 14.3-32 32s14.3 32 32 32l293.5 0c13.2 37.3 48.7 64 90.5 64c53 0 96-43 96-96s-43-96-96-96c-41.8 0-77.4 26.7-90.5 64z"/></svg>Beállítások</button> <button class="cookie-alert__btn-decline btn btn-secondary" type="button">Szükségesek elfogadása<svg class="icon-set"><use href="#icon-xmark"></use></svg> </button> <button class="cookie-alert__btn-allow btn btn-primary" type="button">Összes elfogadása<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="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg> </button> <button class="cookie-alert__btn-allow-selected btn btn-primary d-none" type="button">Kiválasztottak elfogadása<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="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg> </button> </div> <script> $(window).on('load', function() { if (!isBlockedByAdblock?.('#overlay_cookie_alert')) { $(document).on("overlayInited", function (e, response) { let id = response.id; if (id == 'cookie_alert') { cookie_alert_overlay(); announceToScreenReader?.('modalOpen', {'label': `Adatkezelési beállítások`}); } }); overlay_init("cookie_alert", {}) $(".cookie-alert__btn-allow-selected").on("click", function() { $('#overlay_cookie_alert').overlay().close(); cookie_alert_action(1, (($('#cookie_alert_checkbox_marketing').prop('checked') == true) ? 1 : 0), (($('#cookie_alert_checkbox_statistics').prop('checked') == true) ? 1 : 0), (($('#cookie_alert_checkbox_personalization').prop('checked') == true) ? 1 : 0)); }); $(".cookie-alert__btn-config").on("click", function() { const $this = $(this); $this.attr('aria-expanded', (_, attr) => (attr == 'false' ? 'true' : 'false')); $('.cookie-alert__checkboxes').slideToggle(300, function() { $this.trigger('openCookieConfig'); }); $('.cookie-alert__btn-allow').toggle(); $('.cookie-alert__btn-decline').toggle(); $('.cookie-alert__btn-allow-selected').toggleClass("d-none"); }).on('openCookieConfig', function() { requestAnimationFrame(() => { const $overlayCookieSetting = $('.cookie-alert__checkboxes'); const $focusableElements = $overlayCookieSetting.find('button, input:not([disabled]), a[href]:not([href="#"]):not(.close)'); if ($focusableElements.length === 0) { return; } $focusableElements.first().focus(); }); }); $(".cookie-alert__btn-decline").on("click", function() { $('#cookie_alert_checkbox_marketing').prop("checked", false); $('#cookie_alert_checkbox_statistics').prop("checked", false); $('#cookie_alert_checkbox_personalization').prop("checked", false); $('#overlay_cookie_alert').overlay().close(); cookie_alert_action(1, 0, 0, 0); }); $(".cookie-alert__btn-allow").on("click", function() { $('#cookie_alert_checkbox_marketing').prop("checked", true); $('#cookie_alert_checkbox_statistics').prop("checked", true); $('#cookie_alert_checkbox_personalization').prop("checked", true); $('#overlay_cookie_alert').overlay().close(); cookie_alert_action(1, 1, 1, 1); }); $(".cookie-alert__btn-open").removeClass("d-none").on("click", function() { $(".cookie-alert__btn-config").attr('aria-expanded', 'true'); $('.cookie-alert__checkboxes').css("display", "block"); $('.cookie-alert__btn-allow').css("display", "none") $('.cookie-alert__btn-decline').css("display", "none") $('.cookie-alert__btn-allow-selected').removeClass("d-none"); cookie_alert_overlay(); }); $(document).on("openConsent", function() { bootstrap.Modal.getOrCreateInstance(document.getElementById('overlay_cookie_alert')).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'); }); } else { console.warn(`A hirdetésblokkoló blokkolta a süti ablakot.`); announceToScreenReader?.('custom', {'message': `A hirdetésblokkoló blokkolta a süti ablakot.`}); } }); </script> </div> </div> </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 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="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V96c0 17.7 14.3 32 32 32s32-14.3 32-32V32zm0 384c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V416zM0 256c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zm416-32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H416zM75 75c-12.5 12.5-12.5 32.8 0 45.3l45.3 45.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L120.2 75C107.7 62.5 87.5 62.5 75 75zM391.8 346.5c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L391.8 437c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3zM75 437c12.5 12.5 32.8 12.5 45.3 0l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L75 391.8c-12.5 12.5-12.5 32.8 0 45.3zM346.5 120.2c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L437 120.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-45.3 45.3z"/></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 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="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V96c0 17.7 14.3 32 32 32s32-14.3 32-32V32zm0 384c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V416zM0 256c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zm416-32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H416zM75 75c-12.5 12.5-12.5 32.8 0 45.3l45.3 45.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L120.2 75C107.7 62.5 87.5 62.5 75 75zM391.8 346.5c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L391.8 437c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3zM75 437c12.5 12.5 32.8 12.5 45.3 0l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L75 391.8c-12.5 12.5-12.5 32.8 0 45.3zM346.5 120.2c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L437 120.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-45.3 45.3z"/></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 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.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 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></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.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.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.5L373 389.9z"/></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="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></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 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="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></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://www.digital11.hu/!common_packages/jquery/plugins/toastr/toastr.min.js"); await loadCSS("https://www.digital11.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> function initNavItemDropdownHoverIntent(elWithin) { function closeActiveNavItem(thisNavLink) { let activeNavLink = thisNavLink.closest('ul').find('.nav-link.show').not(thisNavLink); if (activeNavLink.length > 0) { let activeDropdown = bootstrap.Dropdown.getInstance(activeNavLink[0]); activeDropdown.hide(); return true; } } $('.nav-item:not(.inited)', elWithin).each(async function (){ let thisNavItem = $(this); let thisNavLink = $('> .nav-link', thisNavItem); thisNavItem.addClass('inited'); if (thisNavItem.hasClass('dropdown')) { try { await import("https://www.digital11.hu/!common_packages/jquery/plugins/bootstrap/5.3.3/modules/dropdown.min.js"); if (bootstrap?.Dropdown) { const $triggerBtn = thisNavItem.find('> .dropdown-toggle'); let configObj = {}; try { const configAttr = $triggerBtn.attr('data-bs-config'); if (configAttr) { configObj = JSON.parse(configAttr); } } catch (e) { console.warn("Nem sikerült a JSON parse:", e); } if (thisNavItem.parent().hasClass('navbar-nav--header')) { const rect = thisNavItem[0].getBoundingClientRect(); document.documentElement.style.setProperty('--menu-nav-item-bottom', `${rect.bottom}px`); } const dropdownEl = new bootstrap.Dropdown(thisNavLink[0],configObj); thisNavItem.hoverIntent({ over: function () { closeActiveNavItem(thisNavLink); dropdownEl.show(); }, out: function () { dropdownEl.hide(); }, interval: 100, sensitivity: 10, timeout: 200 }); thisNavLink.on('focusin',function (){ dropdownEl.show(); }); } else { throw new Error("Bootstrap Dropdown not available after import"); } } catch (err) { console.error("Error loading Bootstrap Dropdown:", err.message, err); } } thisNavLink.on('focusin',function (){ closeActiveNavItem(thisNavLink); }); }); } window.addEventListener("DOMContentLoaded", function() { if ( window.matchMedia('screen and (min-width: 992px)').matches) { if ( ROOT.classList.contains('not-touch-device') ) { const NAVBAR_HEADER = ".navbar-nav--header"; initNavItemDropdownHoverIntent(NAVBAR_HEADER); } else { import("https://www.digital11.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>
