Контакты | E-mail: info@modx-evo.ru | Заказать обратный звонок



Урок 15 - Вспомогательное меню

В предыдущем уроке мы рассмотрели, как реализовать XML карту сайта, в этом уроке мы продолжим наращивать функциональность нашего сайта и посмотрим, как с помощью сниппета Wayfinder можно реализовать вспомогательное меню на странице нашего сайта.

Мы уже знакомились с этим сниппетом поэтому данный урок будет немного кратким. Для начала мы создадим еще один шаблон с вспомогательным меню. HTML код этого шаблона хранится в файле style-demo.html. Как его разбить на чанки вы помните из урока 4. Поэтому давайте непосредственно перейдем к реализации нашего меню.

Реализуем вспомогательное меню на MODx

Нам нужно дополнительно лишь создать еще один чанк, давайте назовем его «SUBNAV» и скопируем из нашего шаблона следующий кусок кода:

modx wayfinder

Удалите из шаблона данный кусок и вместо него вызовите наш вновь созданный чанк: { {SUBNAV}}

Теперь непосредственно перейдем к редактированию чанка, отвечающего за вывод вспомогательного меню. В первую очередь давайте изменим наш заголовок «Secondary Navigation» на «Наши услуги». Вы уже обратили внимание, что меню представляет собой обычный ненумерованный список. Это хорошо, поскольку сниппет Wayfinder генерирует точно такой же код, а значит, нам не придется делать ничего лишнего.

Для того, чтобы в этом убедиться нам необходимо назначить наш шаблон ресурсу, к примеру «Наши услуги» и создать у него дочерние ресурсы с произвольным шаблоном.

Далее открываем наш чанк «SUBNAV» и удаляем список, а вместо него вставляем вызов сниппета Wayfinder:

[ !Wayfinder? &startId=`3`]]

Где &startId=`3` - это идентификатор родительского контейнера «Наши услуги», у меня он равен 3.

Сохраняем наш чанк и обновляем страницу «Наши услуги» в результате у вас должно будет получиться вот такое вспомогательное меню:

вспомогательное меню modx

Как видим в создании вспомогательного меню, ничего сложного нет, если вы читали предыдущие уроки. В рамках данного урока мы не правили стили, если вы захотите вы сможете сделать это самостоятельно, если вам что-то непонятно пишите в комментариях ваши вопросы, я постараюсь ответить максимально быстро.

В следующем уроке мы создадим для нашего сайта rss-ленту.


Просмотров: 2054


Статьи по теме:


Написать комментарий

Поля помеченные * обязательны для заполнения.



Будь в курсе!

Введите Ваш Email и имя.

Digital Newsletter

Чтобы отписаться нажмите сюда ».