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

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.