MAX GARDEN – rastliny, stromčeky a doplnky
 Populárne produkty
    • Výhody pre Vás
    Možnosti platieb
    Zľava 10 % na nezľavnený tovar - rastliny, stromy kríky Zľava 5 % všetok ostatný nezľavnený tovar Zľava 10 % návrhy a realizácia záhrad
    vip služba - fotka pred expedíciou
    Produkt neexistuje alebo je neaktívny. Skontrolujte si správnosť URL adresy a skúste to znova.
     Podobné produkty
     Odporúčame dokúpiť
    Quatro - jednoduchý nákup na splátky
     AKCIOVÉ PRODUKTY
     Novinky
     
    Táto stránka používa súbory cookies, ktoré nám pomáhajú poskytovať služby. Používaním našich služieb vyjadrujete súhlas s používaním súborov cookies. Viac informácií nájdete tu.
    Súhlasím
    Súbory cookies používame pre správne fungovanie našej webovej stránky a jej funkcií. Pomocou súborov cookies si tiež napríklad pamätáme váš preferovaný jazyk, zvyšujeme pre vás relevantnosť zobrazovaných reklám, počítame návštevnosť stránok a pamätáme si vaše nastavenia vykonané na stránke.
    ZakázaťPrispôsobiťPovoliť všetko
    // --- ASZTALI KATEGÓRIA MODÁL VEZÉRLŐ (DELEGÁLT ESEMÉNYKEZELÉS) --- // STABIL ASZTALI VERZIÓ A DEDIKÁLT MOBIL KEZELÉSSEL KIEGÉSZÍTVE (function() { // Várjuk meg a jQuery elérhetőségét if (typeof jQuery === 'undefined') { console.error('jQuery nem elérhető. Kérem, ellenőrizze, hogy a jQuery plugin a menü szkriptje ELŐTT van-e a listában!'); return; } // Amikor az oldal betöltődött, futtassa le a logikát jQuery(document).ready(function($) { // 1. Kategória lista forrása const $categoryList = $('ul.tree_menu.tree_menu_big').first(); // 2. Menüpont célja a főnavigációban (Asztali Trigger) const $targetLink = $('.mega-menu-trigger').first(); if ($categoryList.length && $targetLink.length) { // --- Modál struktúra létrehozása --- const $clonedCategories = $categoryList.clone(); $clonedCategories.addClass('category-modal-content'); $clonedCategories.attr('id', 'categories-modal'); // Kivezetjük a linkek tartalmát közvetlenül a li-be a flexibilisebb rács miatt $clonedCategories.find('li').each(function() { const $link = $(this).find('a').first(); const $linkHtml = $link.html(); const $linkHref = $link.attr('href'); // Helyes HTML generálás: csak a linket tesszük a LI-be $(this).html(`${$linkHtml}`); }); const $closeButton = $(''); const $modalContainer = $('
    '); $modalContainer.append($closeButton); $modalContainer.append($clonedCategories); // Hozzáadjuk a modal-t a body végére $('body').append($modalContainer); // --- FUNKCIÓK --- const openModal = () => { $('.category-modal-wrapper').addClass('is-open'); $('body').css('overflow', 'hidden'); // Megakadályozza a háttérgörgetést }; const closeModal = () => { $('.category-modal-wrapper').removeClass('is-open'); $('body').css('overflow', ''); // Visszaállítja a háttérgörgetést }; // --- 3. ESEMÉNYKEZELÉS: ASZTALI (STABIL, DELEGÁLT LOGIKA) --- $(document).on('click', '.mega-menu-trigger', function(e) { console.log('--- ASZTALI: Kattintás elkapva delegált eseménykezelővel. ---'); e.preventDefault(); e.stopPropagation(); openModal(); console.log('Modalt megnyitottuk.'); }); // --- 4. ESEMÉNYKEZELÉS: MOBIL (BIZTONSÁGOS KÉSLELTETÉSSEL) --- // Megkeressük a mobilos menü látható "Kategórie" linkjét. // A :visible megakadályozza, hogy az asztali menüben lévő azonos szövegű elemet is célozzuk. const $targetLinkMobile = $('a:contains("Kategórie")').filter(':visible').last(); if ($targetLinkMobile.length) { $targetLinkMobile.on('click', function(e) { // EXTRA ELLENŐRZÉS: Győződjünk meg róla, hogy csak mobil/tablet nézetben aktiválódik if (window.innerWidth >= 1024) { // Ha a képernyő elég széles, ne csináljon semmit, engedje át az eseményt a delegált asztali kezelőnek. return; } console.log('--- MOBIL: Kattintás elkapva, időzítés! ---'); e.preventDefault(); // Megakadályozza az oldalra való navigációt // 50ms késleltetés, hogy a mobil menünek legyen ideje bezáródni setTimeout(function() { openModal(); }, 50); }); console.log("Mobil trigger inicializálva 'setTimeout' technikával."); } else { console.log("Nem található látható 'Kategórie' link a mobil menüben. Csak az asztali nézet aktív."); } // --- 5. BEZÁRÁS LOGIKÁJA --- // Bezárás gomb, takaró és ESC kezelése $(document).on('click', '.modal-close-btn, .category-modal-wrapper', function(e) { // Csak a gombra vagy a takaróra kattintva záródjon be if ($(e.target).hasClass('modal-close-btn') || $(e.target).hasClass('category-modal-wrapper')) { closeModal(); } }); $(document).on('keydown', function(e) { if (e.key === "Escape" || e.key === "Esc") { closeModal(); } }); console.log('Kategória modal szkript sikeresen inicializálva.'); } else { // Hibajelentés let errorMessage = 'Hiba a Mega Menü inicializálásakor: '; if (!$categoryList.length) { errorMessage += 'Nem található a kategória forrás (ul.tree_menu.tree_menu_big). '; } if (!$targetLink.length) { errorMessage += 'NEM található a cél menüpont. Kérjük, ellenőrizze, hogy a KATEGÓRIE menüpont beállításaiban megadta-e a "mega-menu-trigger" osztályt! '; } console.error(errorMessage); } }); })();