Category Name Templates
There are multiple ways to apply custom template for menu item:
- Change it for particular item only - Select some item in the tree, and use Item Name Renderer.
- Change it for multiple items at once - Use Mass Edit popup.
- Change template for all items at particular level - Open Menu Settings, Click Item Settings and work with level you’d like to affect.
Default renderer
<a href="{{var item.url}}" class="{{var item.class}}">
<span>{{var item.name}}</span>
</a>
Category tips
View more information about category badges at separate page
<a href="{{var item.url}}" class="{{var item.class}}">
<span>{{var item.name}}</span>
<span style="top: 5px;" class="tip top accent">New</span>
</a>
Category images
Thumbnail - is the attribute created by our another awesome module - EasyCatalogImages.
<a href="{{var item.url}}" class="{{var item.class}}{{depend remote_entity.thumbnail}} navpro-a-with-thumbnail{{/depend}}">
<span>{{var item.name}}</span>
{{depend remote_entity.thumbnail}}
<img src="{{media url=''}}/catalog/category/{{var remote_entity.thumbnail}}" />
{{/depend}}
</a>
Category icons
Thumbnail - is the attribute created by our another awesome module - EasyCatalogImages.
<a href="{{var item.url}}" class="{{var item.class}}">
{{depend remote_entity.thumbnail}}
<img style="margin:-2px 7px 0 0" class="va-middle" src="{{media url=''}}/catalog/category/{{var remote_entity.thumbnail}}" />
{{/depend}}
<span>{{var item.name}}</span>
</a>