Template overrides voor Joomla 3
•
0 likes•932 views
Het kan gebeuren dat Joomla, of een extensie, content op een andere manier laat zien dan jij eigenlijk zou willen. Styling met css volstaat in een aantal gevallen, maar soms wil je iets meer: de volgorde van elementen op een pagina aanpassen bijvoorbeeld. Dan kun je een template override gebruiken. Met een template override pas je de output van Joomla componenten aan, zonder dat je de bestanden van die componenten verandert; je regelt alles binnen je template. Bij een update blijven jouw aangepaste bestanden dus onaangetast. Je kunt overrides maken voor alle output, maar je kunt ook verschillende layouts gebruiken op verschillende plekken in je website.
Template overrides voor Joomla 3
- 1. Template overrides & alternatieve layouts ANJA DE CROM, JUG UTRECHT, 8 AUGUSTUS 2016 TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 2. 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 TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 3. 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. TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 4. 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 TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 5. 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) TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 6. TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Alternatieve layout Als je de standaard layout ook wilt gebruiken
- 7. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 •Zoek uit welk bestand je moet hebben •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
- 8. TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Alternatieve layout per menu-item Als je de alternatieve layout voor alle weergaven van een bepaald menu wilt gebruiken
- 9. Alternatieve layout per menu-item TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Dit is een categorie- blog. Ziet er logisch uit voor een webshop.
- 10. Alternatieve layout per menu-item TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Maar voor “Over ons” werkt het natuurlijk voor geen meter. Daar heb je liever iets anders.
- 11. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Je moet dezelfde stappen nemen als bij een ‘gewone’ alternatieve layout: •Zoek uit welk bestand je moet hebben •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
- 12. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 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.
- 13. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 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.
- 14. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 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.
- 15. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 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
- 16. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Je kunt dus, als je er een beetje handigheid in gekregen hebt, ook velden aanpassen. Maar dat hoeft lang niet altijd.
- 17. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Pas aan wat je aan moet passen en upload het hele zaakje naar templatenaam/html/com_componentnaam Maak nu een nieuw menu-item aan.
- 18. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 Bij menu-item type kan ik nu mijn eigen layout selecteren.
- 19. Stappen TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 En omdat-ie gebaseerd is op de standaard categorieblog, kan ik hier dezelfde dingen instellen.
- 20. 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 TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016
- 21. Samenvatting TEMPLATE OVERRIDES & ALTERNATIEVE LAYOUTS - ANJA DE CROM 2016 •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