Уже обсуждалось не однократно. Но т.к. те обсжудения я сай найти так и не смог
то решил написать, в другой раз кому-то будет легче найти.
Способ №1:
В шаблоне (чанке) WayFinder’a
&rowTpl используйте такую конструкцию:
<li[+wf.id+][+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>
<img src=[(base_url)]assets/images/icon_[+wf.docid+].gif />[+wf.linktext+]</a>
[+wf.wrapper+]
</li>
По указанному пути складываете иконки и меню будет с ними. Способ хорошо подходит когда пунктов меню достаточно много и они могут достаточно часто меняться. Просто бросаете нужные "иконки" в указанную папку, и они автоматом подцепяться от туда.
Способ №2:
В шаблоне (чанке) WayFinder’a используете такую конструкцию:
<li[+wf.id+][+wf.classes+] id="menu_icon_[+wf.docid+]">
<a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>
[+wf.wrapper+]
</li>
А нужную иконку к нужному пункту меню подвешиваете уже в стилях, через его
id. Например, для пункта указывающего на страницу с
id=24, так:
li#menu_icon_24 {
padding-left: 18px;
backgrounf: url("images/my_super_icon_blablabla.gif") left center no-repeat;
}
Способ более сложный, но награда за это — чистый и лёгкий код на выходе. К тому же, украсть ваши иконки будет сложнее
Но каждый раз когда будет меню будет меняться, нужно будет обновлять таблицу стилей (хотя это можно и обойти, но оно того не стоит...), поэтому данный способ хорошо подходит только для мелких и средних меню.
P.S. Немного исхитрившись (или допилив снипет) во в обоих способах вместо id документов, можно использовать их alias’ы, что согласитесь, придаст более наглядный вид именам файлов или стилям. Но это всё уже для самостоятельного изучения.
* пора FAQ русское составлять, это будет первый вопрос