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

06. kvě 2025 17:25 #150294

Odpověď od H13

Admin

Ještě doplním o alternativní řešení. Toto lze udělat i s Phoca Cart:

- definovat obrázek (s čímkoliv - např. mapou)
- definovat v ní polygonové souřadnice (SVG) pro oblasti
- které pak budou odkazovat na Popup a tam případně i dál.

Lze to vidět např. zde:
rezidencejarosova.cz/nabidka-jednotek

(místo domu s patry si představte mapu s jinými oblastmi než jsou patra, systém je ale stejný, kliknutím na oblast se otevře popup a tam lze dále pokračovat - buď zase různými oblastmi nebo nečím jiným).

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

06. kvě 2025 20:26 #150297

Odpověď od Luděk Pechanec

Pokročilý uživatel

pomocí SVG (např. zde ) - to vypadá moc dobře. Jaké komponenty, moduly či pluginy k tomu mohu použít? Prosím, jak na to

06. kvě 2025 22:46 #150298

Odpověď od Rudolf

Joomla Expert

H13 napsal: Ještě doplním o alternativní řešení. Toto lze udělat i s Phoca Cart:

- definovat obrázek (s čímkoliv - např. mapou)
- definovat v ní polygonové souřadnice (SVG) pro oblasti
- které pak budou odkazovat na Popup a tam případně i dál.

Lze to vidět např. zde:
rezidencejarosova.cz/nabidka-jednotek

(místo domu s patry si představte mapu s jinými oblastmi než jsou patra, systém je ale stejný, kliknutím na oblast se otevře popup a tam lze dále pokračovat - buď zase různými oblastmi nebo nečím jiným).

Takže to jde jakoukoli komponentou, nejenom Phoca Něco?
V podstatě jde jen o programování v html...

Přihlásit se

Joomla 5.3 (17 dub 2025)

aktivní mapa v Joomla 5x

Nejnovější příspěvky