Slicen voor Magento is niet moeilijk, het is gewoon anders. Doordat Magento een krachtige en zeer uitgebreide template engine heeft is het implementeren van je design wat meer werk dan bij andere beheersystemen. Hiervoor krijg je wel een enorme flexibiliteit terug. En als je eenmaal wat uren geïnvesteerd hebt dan wil je niet anders meer.

Een webshop theme van Magento bestaat uit code (phtml), structuur (XML) en Opmaak (Java, CSS, images). Elk element heeft zijn eigen phtml bestand die door de XML bestanden gepositioneerd worden. Tijdens het implementeren van je template werk je in twee mappen, namelijk de apps map (code en structuur) en de skin map(opmaak).

Doordat alle bestanden versplinterd staan is het begin best wel even zoeken waar wat staat. Gelukkig beschikt Magento over een handige functie genaamd Template path hints waarover je hieronder meer kunt lezen. Het is aan te raden als je net begint om je template in de bestaande default template van Magento te bouwen. Voor je begint zijn er twee belangrijke dingen die je moet doen om veel problemen en zoeken te voorkomen.

Zet alle caching uit

Kies voor Configuration in de menubalk en vervolgens voor Cache management. Zet alle caching uit zodat je alle wijzigen ook direct aan de voorkant ziet.

Zet je template path hints aan

Log in in het beheer en kies in de menubalk system en dan configuration. Selecteer in de view jou shop en kies vervolgens onder Advanced voor Developer.  Zet de optie Template path hints aan. Als je nu naar de voorkant gaat zie je een overlay met de naam van het bestand die wordt ingeladen. Volg de broodkruimels en je vindt wat je zocht.

Aanzetten foutmeldingen

Een andere aanpassing die nuttig kan zijn, is het aanzetten van foutmeldingen, dit geld voor Magento vanaf 1.4.
Zet SetEnv MAGE_IS_DEVELOPER_MODE “true” in je .httacces en als er wat fout gaat krijg je duidelijke foutmeldingen te zien.

Handige links: