Forums

Autonav links with different icons

Permalink
Hi,

I was wondering if it is possible to make the autonav links having a different icon for each link.

So the page 'home' has a little house next to it and the next link has a different icon next to it.

Maybe it's possible with attributes but since my head programmer is on a holiday i can't ask him.

Thx in advance for your time.
DeWebmakers
 
Ale replied on at Permalink Reply
You can add an image to each page's attributes and create a custom template for autonav that displays the images.

I think you might find a solution from marketplace also.
Shotster replied on at Permalink Reply
Shotster
If it doesn't need it to be customizable by the site owner/maintainer, another approach would be to create a custom autonav template and use each page's collection handle as the name of a CSS class for that menu item. Then simply style the items via CSS using left padding and a background image.

This has a couple advantages. First, it requires no special attributes, which reduces DB access. Second, you can consolidate the icons into a single file and just specify a different background position for each icon. That minimizes the number of HTTP requests to the server and improves performance.

-Steve