Editing magento navigation bar from top to left
Het is niet de meest uitgebreide handleiding , en er zitten geen echte voorbeelden in deze tutorial . Wel zal ik je aangeven welke bestanden je dient te veranderen om de magento navigatie balk aan te passen van de top van de site naar de linkerkant van de webshop.
Het is een beetje gecompliceerd door het gebruik van javascript in de navigatie, maar het is niet zo heel moeilijk.. Het eindigd allemaal met een hoop functies die enkel
juiste HTML en javascript produceren om de dingen geregeld te krijgen ( en iets van code om de categorien op te halen.)
We beginnen met de Template filestemplate files.
De files met de HTML code staan op de volgende locatie:
- app/design/frontend/*/*/template/catalog/navigation/left.phtml
- app/design/frontend/*/*/template/catalog/navigation/top.phtml
Top.phtml controleerd zoals je waarschijnlijk al geraden had de navigatie in de header sectie van de webshop (inclusief de dropdown porties die door javascript worden geregeld.)Left.phtml controleerd zoals je waarschijnlijk al geraden had de navigatie in de linkerkan van de webshop, Als je categorien instelt als anchor dan wordt de linker navigatie mogelijk gemaakt..
Nu de file die de categorien ophaalt en ook iets van HTML genereerd is :
app/code/core/Mage/Catalog/Block/Navigation.php
Dit zou je eventueel even kunnen bekijken om de verschillende functies te bekijken en te zien wat ze doen.
De functies “drawItem” en “drawOpenCategoryItem” zullen extra interessant moeten zijn , omdat deze HTML output genereren.
