Modx Evolution Лабораторный практикум

Скачать 1.84 Mb. Название Modx Evolution Лабораторный практикум страница 9/16 Тип Документы rykovodstvo.ru > Руководство эксплуатация > Документы

Глядя на этот код, мы видим, что как и в случае с главным меню, разметка представляет собой обычный маркированный список. При этом дочерние пункты списка так же представлены в виде вложенных списков ul. Все стилевое оформление берет на себя CSS файл. Это просто отлично, и освобождает нас от ненужной волокиты с оформлением, ведь результатом работы сниппета Wayfinderи является именно обычный маркированный список.

Перед тем, как начать настраивать сниппет, давайте создадим в дереве документов несколько дочерних ресурсов для пункта меню Услуги.

Для примера, предлагаю создать несколько пунктов, чтобы получилась следующая структура:

• 
  Услуги
  
  • 
    Создание сайтов
    
    • 
      Дизайн
      
    • 
      Верстка
      
    • 
      Программирование
      
  • 
    Продвижение сайтов
    
    • 
      Поисковое продвижение
      
    • 
      Контекстная реклама
      
    • 
      Баннерная реклама
      
    • 
      Вирусный маркетинг
      
  • 
    Разработка ПО
    
  • 
    Поддержка
    

В итоге у вас дерево сайта должно будет выглядеть, как показано на рис. 15.1.

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



Рис. 15.1



Рис. 15.2

Для того, чтобы исправить отображение выпадающего списка в главном меню, мы просто ограничим уровни вложенности в вызове сниппета с помощью параметра &level.

Если вы помните, вызов главного меню мы вынесли в отдельный чанк с именем MAIN-MENU, отправляемся его редактировать. Сейчас вызов осуществляется с помощью конструкции:

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

Добавляем еще параметр &level=`2`, это позволит выводить пункты главного меню и их дочерние (т.е. 2 уровня вложенности).

В итоге конструкция вызова главного меню примет следующий вид:

[!Wayfinder? &startId=`0` &level=`2`!]

Внешний вид главного меню с выпадающим списком, показан на рис. 15.3:



Рис. 15.3

15.2. создание бокового меню

После корректировки вызова главного меню переходим непосредственно к реализации еще одного меню на странице. В боковом меню мы будем выводить перечень услуг, которые предлагаются на сайте.

Боковое меню сейчас у нас находится в чанке RIGHT-COL. Для удобства работы давайте это меню вынесем в отдельный чанк RIGHT-MENU, для этого вырезаем из чанка RIGHT-COLследующий кусок кода:

01

а вместо него помещаем конструкцию вызова чанка:

{{RIGHT-MENU}}

Создаем чанк RIGHT-MENU и в поле с содержимым чанка вписываем конструкцию вызова сниппета Wayfinder, помещенную в контейнер

Secondary Navigation 03 04 Open Source Templates 05 Free CSS Templates 06 07 Free XHTML Templates 08 Free Website Templates 09 10 11 Open Source Layouts 12 13 Open Source Software 14 Open Source Webdesign 15 16 Open Source Downloads 17 Open Source Website 18 19 20 21 22 Open Source Themes 23 24

---

Похожие:

	Инструкция по установке и настройке модуля oos для modx evolution... Для корректной работы модуля oos для modx evolution необходимо установить программный модуль Shopkeeper		Эксплуатационные материалы лабораторный практикум Эксплуатационные материалы: лабораторный практикум / А. Д. Синегибская. – Братск: БрГУ, 2011. – 65 с
	Устанавливаем modx Revolution X В первую очередь, необходимо скачать modx Revolution X. У вас есть возможность сскачать прямо с сайта разработчика		Инструментарий веб-разработчика: Apache, php, Mysql, phpMyAdmin Лабораторный... Инструментарий веб-разработчика: Apache, php, Mysql, phpMyAdmin: Лабораторный практикум по дисциплине «Сети ЭВМ и телекоммуникации»...
	Электронных ресурсов Басангова Е. О. Лабораторный практикум “Компьютерная анимация в среде Macromedia Flash”		Название Ссылка Лабораторный практикум по биологии гоу впо уральского Государственного лесотехнического университета
	Лекция 1 Молчанов А. Ю. Системное программное обеспечение. Лабораторный практикум: – спб.: Питер, 2005. – 284 с		Среднетехнический факультет Лабораторный практикум составлен для проведения лабораторных работ по дисциплине «Технохимический контроль производства»
	Руководство по работе с административной панелью modx Для работы с системой управления modx не требуется знаний и опыта работы с html-кодом веб-сайтов. Исключение составляет заполнение...		Руководство по работе с административной панелью modx Для работы с системой управления modx не требуется знаний и опыта работы с html-кодом веб-сайтов. Исключение составляет заполнение...
	Лабораторный практикум по дисциплине Лабораторные работы должны выполняться в той последовательности, в которой они приводятся в данной разработке		Методические указания по выполнению практических работ для студентов специальности 09. 02. 04 Лабораторный практикум / Ханты-Мансийский технолого-педагогический колледж; Сост
	В. К. Никишев «Лабораторный практикум по современным языкам программирования Visual Studio » Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования		Энзимология Энзимология : Лабораторный практикум /[Текст] / сост. Н. М. Титова, Т. Н. Субботина. – Красноярск: Сиб федер ун-т, 2012. – 60 с
	Кафедра товароведения и товарной экспертизы лабораторный практикум... Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования		Российской Федерации Федеральное государственное бюджетное образовательное... Лабораторный практикум по дисциплине «Операционные системы» / Уфимск гос авиац техн ун-т; Сост. О. Д. Лянцев, А. В. Казанцев. – Уфа,...

Руководство, инструкция по применению Инструкция, руководство по применению

---