Vkládání vlastního HTML obsahu do stránek z horizontálního menu

Eshop kromě postranní navigace sortimentem prodávaného zboží obsahuje tzv horizontální navigační menu, které může obsahovat jednotlivé položky směřující na další informace, obsah, o kterém chcete své návštěvnky informovat. Typicky se jedná o stránky s kontaktními informacemi, obchodními podmínkami, ale v podstatě to může být téměř cokoliv.

Obsah stránky, na kterou daný odkaz z navigačního menu směroval se až do teď dal výlučně pořídit pomocí integrovaného HTML editoru přímo v administraci eshopu. Menu Administrace -> Eshop -> Menu eshopu. Výhodou tohoto řešení je jeho jednoduchost. Nevýhodou je, že přes tento HTML editor se nedalo až tak lehce realizovat něco složitějšího.

Abych dál rozšířil možnosti našeho eshopu a uspokojil i ty náročnější, umožnil jsem vkládání vlastního HTML obsahu přímo do těchto podstránek. Samozřejmě se zachováním jednoduchého integrovaného HTML editoru. To znamená, že pokud chcete jen rychle něco jednoduše napsat, pak dál můžete použít integrovaný editor, pokud ale si budete chtít stránku opravdu vymazlit, jakkoliv dál strukturovat, pak máte šanci.

Jak na to?

Nejprve je potřeba v administraci menu nadefinovat samotné položky horizontálního menu. Žádná změna oproti dřívějšku.

Potom je potřeba si odchytit ID položky, které náš systém Vaší stránce přidělil. Například tato stránka našeho demo eshopu má ID 2. V URL je men=2.

Potom si už vytvoříte svůj vlastní HTML obsah a uložíte jej do souboru pod názvem menu-obsah-2.html. Čislovka 2 v názvu souboru není náhoda. Je to ono ID stránky, která se bude načítat. Tento postup umožňuje pro každou stránku z menu načíst vlastní obsah. Logicky pro ID 5 se soubor bude jmenovat menu-obsah-5.html.

Jakmile budete mít svůj vlastní HTML soubor hotový, stačí jej nakopírovat přes FTP na náš server do adresáře ZBOZI/ vašeho eshopu.

Hotovo 🙂

A protože jsem myslel na vše, je možné si samozřejme obsah graficky ostylovat. Obsah vkládaného souboru je vložen do vlastního DIVu <div class=‘menu-vlastni-obsah-1‚> s nastaveným názvem třídy. Číslovka 1 v názvu třídy opět není náhoda. Pro každou položku menu můžete definovat néjen vlastní HTML obsah, ale i vzhled.