Template overrides voor Joomla 3

Template overrides
& alternatieve layouts
ANJA DE CROM, JUG UTRECHT, 8 AUGUSTUS 2016
TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016

Wat kun je ermee?
•De output van een component aanpassen
•Een alternatieve layout voor de output maken
•Een alternatieve layout koppelen aan een
menu-item

Output van component aanpassen
Dit gebruik je als je iets wilt maken dat er altijd
hetzelfde uitziet.
Bijvoorbeeld de standaard artikelweergave of de
standaard categorieblog.

Je kunt dit doen voor:
•Alle componenten; de bestanden die je moet
overriden staan in
Components/com_naamcomponent/views/tmpl
•Modules; de bestanden die je moet hebben staan
meestal in Modules/mod_naammodule/tmpl

Stappen
•Zoek uit welk bestand je moet hebben
•Maak er een kopie van met dezelfde naam en zet die
in jouw_template/html/com_naamcomponent
•Bewerk die kopie (lokaal en dan steeds uploaden, of
direct in de editor bij templatebeheer)

Alternatieve layout
Als je de standaard layout ook wilt gebruiken

Stappen
•Maak er een kopie van, sla die op onder een nieuwe naam en zet die in
jouw_template/html/com_naamcomponent
•Bewerk je nieuwe bestand
•Kies je nieuwe weergave in het artikel bij opties -> alternatieve
weergave

Alternatieve layout
per menu-item
Als je de alternatieve layout voor alle weergaven
van een bepaald menu wilt gebruiken

Alternatieve layout per menu-item
Dit is een categorie-
blog.
Ziet er logisch uit
voor een webshop.

Alternatieve layout per menu-item
Maar voor “Over ons”
werkt het natuurlijk
voor geen meter.
Daar heb je liever iets
anders.

Stappen
Je moet dezelfde stappen nemen als bij een ‘gewone’
alternatieve layout:
•Maak er een kopie van, sla die op onder een nieuwe naam en zet die in
jouw_template/html/com_naamcomponent
•Bewerk je nieuwe bestand

Stappen
Plus één extra stap: een XML bestand maken voor je
alternatieve layout.
Dat XML-bestand zorgt ervoor dat het menu je layout
herkent. En, eventueel, dat je allerlei dingen kunt
instellen specifiek voor deze layout.

Stappen
Dat doe je natuurlijk weer op dezelfde manier: kopie maken van
het bestaande XML bestand en die bewerken. In dit geval gaat
het om het XML-bestand van de categorieblog.

Stappen
Mijn alternatieve weergave wordt een shop-overzicht,
gebaseerd op de standaard categorieblog van Joomla.
Ik maak kopieën van blog.php, blog_item.php en
blog.xml en hernoem die naar shopcat.php,
shopcat_item.php en shopcat.xml.

Stappen
In het XML-bestand staan
alle veldjes en opties van
het menu-item.
In mijn geval is het XML-
bestand alleen nodig om
de juiste layout te
genereren. Ik hoefde
alleen de naam maar aan
te passen 

Stappen
Je kunt dus, als je er een beetje handigheid in
gekregen hebt, ook velden aanpassen.
Maar dat hoeft lang niet altijd.

Stappen
Pas aan wat je aan moet passen en upload het hele
zaakje naar
templatenaam/html/com_componentnaam
Maak nu een nieuw menu-item aan.

Stappen
Bij menu-item type
kan ik nu mijn
eigen layout
selecteren.

Stappen
En omdat-ie gebaseerd
is op de standaard
categorieblog, kan ik
hier dezelfde dingen
instellen.

Je kunt dit doen voor:
•Alle componenten; de bestanden die je moet overriden
staan in Components/com_naamcomponent/views/tmpl
•Modules; de bestanden die je moet hebben staan
meestal in Modules/mod_naammodule/tmpl

Samenvatting
•Alle output aanpassen: override de standaard
weergave (vrijwel altijd default.php)
•Een enkele weergave aanpassen: maak een
alternatieve layout met een nieuwe naam
•Alle output van een bepaald menu-item aanpassen:
maak een alternatieve layout met een nieuwe naam
én een bijbehorend xml-bestand

Template overrides voor Joomla 3

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Template overrides voor Joomla 3