Přihlásit se

Joomla 5.3 (17 dub 2025)

15. dubna 2025 byla oficiálně vydána nová verze populárního CMS Joomla – verze 5.3. Tato aktualizace přináší celou řadu vylepšení, vyšší bezpečnost a lepší výkon.

aktivní mapa v Joomla 5x

05. kvě 2025 17:40 - 05. kvě 2025 17:44 #150290
aktivní mapa v Joomla 5x od Luděk Pechanec
Pokročilý uživatel
Zdravím všechny a zároveň žádám o radu. Prosím, poradí mi někdo, jak mohu v komponentě SP Page Builder a v J 5x připravit podobnou aktivní mapu jako je na tomto odkazu?

www.hipodrom.cz/mapa-arealu/

a případné otevírání odkazů z mapy do popup okna?

Mockrát děkuji

05. kvě 2025 22:08 #150291
Odpověď od Cony
Moderátor
Hotové "klikací" udělátko nevím jestli najdete. 

Pokud se do toho pustíte sám, šel bych cestou vytvoření přepisu modulu "Vlastní obsah", do něj vložil potřebné HTML, CSS, SVG apod. a ten pak umístil na pozici PageBuilderu.

V ukázcxe je to celé řešené jen pomocí absolutního pozicování v rámci CSS, tzn. obalovací prvek obsahuje obrázek a několik "šipek", které jsem v rámci CSS absolutné pozicované. 

Bylo by možné řešit např. ještě pomocí SVG (např. zde ), nebo postaru pomocí klikatelných map  (tam ale narazíte na problémy s responzivou), popř. kompletně pomocí Javascriptu (to mi přijde zbytečné, ale zas by mohla existovat nějaká již hotová knihovna).

Popup okno musíte vyřešit nějakým Javascriptem, pokud používáte v šabloně Bootstrap, můžete použít Bootstrap modal .

06. kvě 2025 01:04 #150292
Odpověď od Rudolf
Joomla Expert
Pro tyto účely používám JACM modul, který mi umožňuje jednoduše definovat vlastní XML modulu a vlastní šablonu z různých předdefinovaných typů...

Hlavně je super využití již předdefinovaného typu JALIST, kde pak mohu vytvářet jednotlivé opakující se položky - zde tedy by to byly areal_item, ve kterém by byla pozice ikony svg na obrázku, text v ikoně, barva ikony, nadpis v popupu, html v popupu, případně jiné položky..., hlavní fotka...

HTML výstup můžete upravit dle nich, css v podstatě také...
MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

Powered by Fórum

Novinky z diskuze Nejnovější příspěvky