Joomla 6.0

Dne 14. října 2025 bylo oficiálně vydáno Joomla 6.0 (kódové jméno Kuimarisha) společně s Joomla 5.4 (Kutegemea). Joomla 5.1 přinesla zabezpečené TUF aktualizace, ale s Joomla 5.4 / 6.0 přichází automatické aktualizace jádra, které budou probíhat bezpečně a bez nutnosti manuálního zásahu.

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...

07. kvě 2025 01:59 #150299

Odpověď od Cony

Moderátor

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

Jak jsem psal výše. Konkrétně toto je řešeno
- vytvořeno SVG s jednotlivými klikatelnými oblastmi, pozadím s JPG obrázkem a filterem na grayscale
- na hover dané oblasti se filtr zruší, oblast je tedy barevná
- proklik hlídá javascript a zobrazuje jednotlivé kontakty
- to celé je dáno do přepsání modulu "vlastní obsah" a umístěno na příslušnou pozici v šabloně
- nastavování jednotlivých oblastí v administraci není (kraje se v čr nemění, není to tedy třeba), pokud by potřeba bylo, lze řešit jednoduše pomocí pluginu n3t Fields.

Tzn. použity jsou jen základní věci z Joomly, žádné další rozšíření.
Bohužel to ale není řešení Copy&Paste, je potřeba vytvořit ono SVG, a Javascript, který udělá to co je potřeba na proklik. Pokud by se mělo jednat o proklik na podstránky, tak ani ten Javascript není potřeba a stačí SVG s odkazy.

Poděkovali: Luděk Pechanec

07. kvě 2025 20:21 #150301

Odpověď od Luděk Pechanec

Pokročilý uživatel

Mockrát vám děkuji za radu, ale se SVG nemám žádné zkušenosti a ani nevím, jak bych to mohl udělat a jak bych měl vytvořit klikatelné (případně animované) oblasti s odkazem.

10. kvě 2025 20:20 #150304

Odpověď od Luděk Pechanec

Pokročilý uživatel

Vím, že se snažíte mi poradit, ale stále nevím, jak mohu toto udělat. Prosím, můžete mi poradit s konkrétním postupem? Mockrát děkuji

Potřebuji udělat toto:
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 otevírání odkazů z mapy do popup okna?

Děkuji

13. kvě 2025 02:31 #150307

Odpověď od Cony

Moderátor

Potřebujete primárně to SVG. To si můžete vytvořit v rámci nějakého online editoru, to bude asi nejjednodušší. V podstatě by se mělo jednat jen o SVG kde budou nějaké tvary (kolečka, šipky, cokoliv). Některé editory by mohly umět i k tvaru rovnou nadefinovat odkaz, pokud ne, lze pak SVG jednoduše zeditovat v textovém editoru a odkaz doplnit.

V Joomle pak vytvoříte přepsání výstupu pro modul "Vlastní obsah" - docs.joomla.org/J4.x:Template_Overrides
Do toho souboru vložíte celé to SVG (vytvořený kód). Pak vytvoříte modul Vlastní obsah a v možnostech zvolíte rozvržení které jste vytvořil. Ten modul pak zveřejníte v rámci Page Builderu.

Zkuste alespoň začít a pak pište konkrétní dotazy...

22. kvě 2025 02:26 - 22. kvě 2025 02:33 #150340

Odpověď od Rudolf

Joomla Expert

Připravil jsem modul, který je primárně určen k vyřešení zobrazení jakékoli aktivní mapy s vlastními značkami a popisem na clik v modalu pro ty co nejsou spokojeni s řešením VEM SI CUSToM HTML MODUL A ZKOPIRUJ jako já

První nástřel je vidět na tomto odkaze, administrace nastavení modulu je vidět v příloze:
- obrázek na pozadí
- svg značka bez odkazu
- svg značka s odkazem nebo popup html popisem
- název značky
- pozice top značky (v %)
- pozice left značky (v %)
- titulek v popup popisu
- html popis v popup

Ještě chybí dodělat provázání na další aktivní mapu v nějakém odkazu.

Na rozdíl od vzoru je zde pro popup html info použitý klasický BS Modal, jen bylo třeba ho v šabloně modulu aktivovat.
Třídy a CSS styly byly většinou použité ze vzoru

V podstatě jsem použil postup který jsem doporučoval na začátku.

Ukázka:
lightneq.rubstudio.cz/technologie-pro-os...zvuceni#t4-section-9

Přílohy:

Poděkovali: Cony, Luděk Pechanec

22. kvě 2025 18:44 #150342

Odpověď od Luděk Pechanec

Pokročilý uživatel

To vypadá opravdu moc dobře. Prosím, jak se ten modul jmenuje a jak jej mohu získat?
Mockrát děkuji

22. kvě 2025 20:09 #150345

Odpověď od Rudolf

Joomla Expert

Modul se jmenuje jak jsem psal:

JA Advanced Custom Module

a najdete ho zde:

www.joomlart.com/joomla/templates/ja-purity-iv

při instalaci šablony zdarma.

Jinak je placený

No a šablonu a nastavení a csska jsem naprogramoval tak je třeba se dohodnout - napište mi na email