Организовать меню

46 Posts

AlexandrP Reply #1, 15 years, 8 months ago

Здравствуйте.
Подскажите как при помощи wayfinder
организовать вот такое меню

<div id="catcenter">
<div id="cattop">
<ul>
<li><img src="images/catico1.png" /> <a href="/">Каталог</a></li>
<li><img src="images/catico2.png" /> <a href="/">Рейтинг</a></li>
<li><img src="images/catico3.png" /> <a href="/">Переводчик</a></li>
</ul>
<span><a href="/">Все категории сайта</a></span>
</div>

Где к каждому пункту меню идут разные картинки.

1,103 Posts

antey Reply #2, 15 years, 8 months ago

<li><img src="images/catico[+wf.id+].png" /> <a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>

46 Posts

AlexandrP Reply #3, 15 years, 8 months ago

А можно поподробней , пожалуйста.

1,103 Posts

antey Reply #4, 15 years, 8 months ago

Quote from: AlexandrP at Feb 25, 2011, 01:01 PM

А можно поподробней , пожалуйста.

Вписываем код выше в чанк, например wfRow.
В вашем коде правим на:

<div id="catcenter">
   <div id="cattop">
[[Wayfinder? &startId=`0` &rowTpl=`wfRow` &hereTpl=`wfRow`]]
<span><a href="/">Все категории сайта</a></span>
   </div>

Это как минимум

46 Posts

AlexandrP Reply #5, 15 years, 7 months ago

Дабы не плодить ведро тем, спрошу в этой.

MODx revo
Создаю меню при помощи wayfinder
<div id="dopmenu">
<img src="images/topico_1.png" /><a href="#">Афиша</a>
<img src="images/topico_2.png" /><a href="#">Блоги</a>

</div>

Вот такое меню.

Создал чанк wfRow
<img src="assets/templates/port/images/topico_[[+wf.id]].png" /> <a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>

Вызов такой
<div id="dopmenu">
[[Wayfinder? &startId=`0` &rowTpl=`wfRow` &hereTpl=`wfRow`]]
</div>

Проблема в том , что картинки к пунктам меню не выводятся. В чем может быть причина, может не так вызываю?
Спасибо.

2,113 Posts

AKots Reply #6, 15 years, 7 months ago

Quote from: AlexandrP at Mar 05, 2011, 03:03 PM

Проблема в том , что картинки к пунктам меню не выводятся.

Вопрос какого-то человека, далекого от веб-разработок. Что такое «не выводится»? То есть, в HTML-коде страницы нет тега img? Или тег есть, но в нем записано что-то неверное? Или еще что-то?
Вообще-то первое, что надо делать, это смотреть HTML-код генерируемых страниц, а не писать на форум, многие вопросы отпадут сами собой.

Создание сайтов на MODx, поддержка сайтов, поисковая оптимизация, программирование, копирайтинг
Статьи о MODx, регулярно новые публикации

46 Posts

AlexandrP Reply #7, 15 years, 7 months ago

Картинки, вместо topico_1.png выводится topico_.png и ничего не выводится так как картинки нет такой.

1,103 Posts

antey Reply #8, 15 years, 7 months ago

Quote from: AlexandrP at Mar 06, 2011, 01:24 AM

Картинки, вместо topico_1.png выводится topico_.png и ничего не выводится так как картинки нет такой.

попробуйте [+wf.docid+]
Выводит номер меню. первый пункт без номера (нулевой).

5 Posts

fresh28 Reply #9, 15 years, 7 months ago

А возможно ли корректно вывести с помощью Wayfinder больше двух уровней меню? У меня не получилось.

Кто знает, подскажите в чем проблема.

Вызов

[[Wayfinder? &startId=`0` &outerTpl=`outer` &rowTpl=`row` &parentRowTpl=`parentrow` &innerTpl=`inner` &innerRowTpl=`innerrow` &innerHereTpl=`innerhere` &debug=`true`]]

Код:

<ul id="nav">
	<li class="top"><a href="#" class="top_link"><span>Home</span></a></li>
	<li class="top"><a href="#" id="products" class="top_link"><span class="down">Products</span></a>
		<ul class="sub">
			<li><a href="#" class="fly">Cameras</a>
					<ul>
						<li><a href="#">Nikon</a></li>
						<li><a href="#">Minolta</a></li>
						<li><a href="#">Pentax</a></li>
					</ul>
			</li>
			<li class="mid"><a href="#" class="fly">Lenses</a>
					<ul>
						<li><a href="#">Wide Angle</a></li>
						<li><a href="#">Standard</a></li>
						<li><a href="#">Telephoto</a></li>
						<li><a href="#" class="fly">Zoom</a>
							<ul>
								<li><a href="#">35mm to 125mm</a></li>
								<li><a href="#">50mm to 250mm</a></li>
								<li><a href="#">125mm to 500mm</a></li>
							</ul>
</ul>
</ul>

1,103 Posts

antey Reply #10, 15 years, 7 months ago

Quote from: fresh28 at Mar 08, 2011, 04:38 AM

А возможно ли корректно вывести с помощью Wayfinder больше двух уровней меню? У меня не получилось.

Кто знает, подскажите в чем проблема.

Вызов

[[Wayfinder? &startId=`0` &outerTpl=`outer` &rowTpl=`row` &parentRowTpl=`parentrow` &innerTpl=`inner` &innerRowTpl=`innerrow` &innerHereTpl=`innerhere` &debug=`true`]]

Зачем вам писать чанки для вызова, достаточно стандартных.
[[Wayfinder? &startId=`0`]]

&startId the starting point for the menu (document ID) current docId
&level the depth to build the menu (0 goes through all levels) 0
&ignoreHidden ingore the show in menu checkbox for documents and include them in the menu FALSE
&ph name of a placeholder to set instead of directly retuning the output results FALSE
&debug turn on debug mode for extra troubleshooting FALSE
&hideSubMenus set true to only output the active submenu FALSE
&removeNewLines set true to remove newline characters from output FALSE
&textOfLinks what database field do you want the actual link text to be? Use the following values: menutitle, id, pagetitle, description, parent, alias, longtitle, introtext menutitle
&titleOfLinks what database field do you want the title of your links to be? Use the following values: menutitle, id, pagetitle, description, parent, alias, longtitle, introtext pagetitle
&rowIdPrefix if set, creates a unique id for each item (id is value of rowIdPrefix + docId) FALSE
&useWeblinkUrl if set to TRUE the link specified in the weblink will be output to the placeholder [+wf.link+] TRUE
&showSubDocCount if set to TRUE the number of documents in each folder will be output to the placeholder [+wf.subitemcount+] FALSE
&sortOrder Allows the menu to be sorted in either ascending or descending order. ASC
&sortBy Specify any of the following fields to sort the menu: id, menutitle, pagetitle, introtext, menuindex, published, hidemenu, parent, isfolder, description, alias, longtitle, type, template menuindex