Brečtan popínavý (Hedera helix) je vynikajúca voľba pre záhrady a exteriérové oblasti, kde môže slúžiť ako dek...
Dostupnosť:skladom
s DPH16.60 €
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ú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.
Strom katalpa...,Hortenzia...,Kríky...,Rododendróny..,Trvalky...,Kvetináče...,Substráty...,Napíšte sem čo hľadáte,Záhradné umývadlo...,Fotínia...,Napíšte sem čo hľadáte..,Palmy,Myrta krepová,Hnojivo na trávnik...
// --- ASZTALI ÉS MOBIL KATEGÓRIA MODÁL VEZÉRLŐ ---
if (typeof jQuery === 'undefined') {
console.error("Hiba: jQuery nem elérhető.");
} else {
jQuery(document).ready(function($) {
// --- 1. KATEGÓRIÁK FELÉPÍTÉSE (ASZTALI LOGIKA ALAPJA) ---
const $categoryList = $('ul.tree_menu.tree_menu_big').first();
const $targetElementDesktop = $('.mega-menu-trigger').first(); // Az asztali menü egyedi osztálya
if ($categoryList.length && $targetElementDesktop.length) {
// --- Modál struktúra létrehozása (mint az asztali, stabil verzióban) ---
const $clonedCategories = $categoryList.clone();
$clonedCategories.addClass('category-modal-content');
$clonedCategories.attr('id', 'categories-modal');
// A linkek tartalmának kivezetése a LI-be
$clonedCategories.find('li').each(function() {
const $link = $(this).find('a').first();
const $linkHtml = $link.html();
const $linkHref = $link.attr('href');
// Mivel a klónozásnál az element elvész, újraépítjük az
tartalmát.
$(this).html(`${$linkHtml}`);
});
const $closeButton = $('');
const $modalContainer = $('');
$modalContainer.append($closeButton);
$modalContainer.append($clonedCategories);
$('body').append($modalContainer);
// FUNKCIÓK
const openModal = (e) => {
// Csak az asztali nézetben kell megakadályozni az alapértelmezett navigációt
if (e && e.type === 'click' && $targetElementDesktop.length && $targetElementDesktop.is(e.currentTarget)) {
e.preventDefault();
}
$('.category-modal-wrapper').addClass('is-open');
$('body').css('overflow', 'hidden');
};
const closeModal = () => {
$('.category-modal-wrapper').removeClass('is-open');
$('body').css('overflow', '');
};
// --- 2. ESEMÉNYKEZELÉS: ASZTALI (STABIL) ---
// A delegált kezelés továbbra is a legstabilabb, és lekezeli a .mega-menu-trigger-t.
$(document).on('click', '.mega-menu-trigger', function(e) {
console.log('--- ASZTALI: Kattintás elkapva (.mega-menu-trigger) ---');
openModal(e);
// A preventDefault-ot az openModal-ban kezeli.
});
// --- 3. ESEMÉNYKEZELÉS: MOBIL (JAVÍTVA) ---
// Megkeressük a mobilos menü "Kategórie" linkjét.
// A ":visible" szűrő kulcsfontosságú. Utolsó elemet vesszük, mert a menü alján van (ha több "Kategórie" van).
const $targetElementMobile = $('a:contains("Kategórie")').filter(':visible').last();
if ($targetElementMobile.length) {
// Extra CSS osztály hozzáadása (opcionális, de segít a célzásban)
$targetElementMobile.addClass('mobile-mega-menu-trigger');
// A KATTINTÁS ESEMÉNYEK:
// 1. Megpróbáljuk elindítani a modált, de egy rövid időzítővel,
// hogy a webáruház saját menübezáró funkciója le tudjon futni.
$targetElementMobile.on('click', function(e) {
// NE HÍVUNK PREVENTDEFAULT-OT! Hagyjuk, hogy a szülő konténer
// (a mobil menü) lezárja magát, HA akarja.
console.log('--- MOBIL: Kattintás elkapva. Időzítve nyitás... ---');
// Ha a mobil menü linkje véletlenül navigálna, ezt most megelőzzük,
// BÁR a legtöbb mobil menüben ez a link már eleve nem navigál azonnal.
// e.preventDefault();
// A setTimeout a kulcs a versengő szkriptek miatt
setTimeout(() => {
openModal();
}, 50); // 50ms késleltetés ad időt a többi eseménynek
});
} else {
console.log("Nem található látható 'Kategórie' link a mobilnézetben. A szkript csak az asztali nézetre fut.");
}
// --- 4. BEZÁRÁS LOGIKA (ASZTALI ÉS MOBIL) ---
// Bezárás gomb
$('.modal-close-btn').on('click', closeModal);
// Kattintás a modál takarójára
$('.category-modal-wrapper').on('click', function(e) {
if ($(e.target).hasClass('category-modal-wrapper')) {
closeModal();
}
});
// ESC billentyű
$(document).on('keydown', function(e) {
if (e.key === "Escape" || e.key === "Esc") {
closeModal();
}
});
console.log('Kategória modal szkript sikeresen inicializálva (Végső, Kétirányú célzás setTimeout-tal a mobilra).');
} else {
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 (!$targetElementDesktop.length) {
errorMessage += 'NEM található az asztali 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);
}
});
}