BreadCrumbs MODX Revolution. Создание хлебных крошек modx. Modx хлебные крошки
Хлебные крошки в MODX Revo
В прошлых уроках мы разобрались с тем как создать меню в modx при помощи PdoMenu. Сегодня мы реализуем функционал хлебных крошек при помощи сниппета pdoCrumbs который входит в пакет PdoTools.
Внешний вид хлебных крошек на сайте сейчас такой.
А их статичный код такой.
<div> <a href="/">Главная</a> <span>></span> <span>Галерея работ</span> </div>
<div> <a href="/">Главная</a> <span>></span> <span>Галерея работ</span> </div> |
Вывод хлебных крошек в MODX
Вырезаем данный код из шаблона и на его место перетаскиваем сниппет pdoCrumbs, заполняем необходимые атрибуты и нажимаем «Сохранить«.
Получился следующий код:
[[pdoCrumbs? &tpl=`@INLINE <a href="[[+link]]">[[+menutitle]]</a>` &tplWrapper=`@INLINE <div>[[+output]]</div>` &outputSeparator=`<span>></span>` &tplCurrent=`@INLINE <span>[[+menutitle]]</span>` &showAtHome=`0` &showHome=`1` ]]
[[pdoCrumbs? &tpl=`@INLINE <a href="[[+link]]">[[+menutitle]]</a>` &tplWrapper=`@INLINE <div>[[+output]]</div>` &outputSeparator=`<span>></span>` &tplCurrent=`@INLINE <span>[[+menutitle]]</span>` &showAtHome=`0` &showHome=`1` ]] |
Расписывать параметры особого смысла не вижу, так как у данного сниппета понятная и доступная русскоязычная документация: docs.modx.pro/components/pdotools/snippets/pdocrumbs
Если Вам, что-либо непонятно, спрашивайте в комментариях, обязательно помогу.
web-revenue.ru
UCOZ ⇒ MODx № 4 Навигация. Меню и хлебные крошки
Навигация и динамическое меню в MODx Evo.
Сниппет Wayfinder. Есть в сборках MODx Evolution и MODx Evo Custom.
Служит для организации списков ссылок на документы MODx в точности со труктурой сайта - это и есть меню нашего сайта.
Этот сниппет гибко настраивается, позволяет спользовать шаблоны меню из файла, в общем впишется в любой дизайн, при правильной точной настройке. Настройка не вызовет больших трудностей, благо документации и примеров по Wayfinder очень много.
Параметров на первый взгляд может показаться много, но все они полезные для точной настройки. К тому же никто не принуждает вас описывать каждый параметр в вызове. Для небольшого меню обычно хватает 4-5.
С помощью Wayfinder можно делать не только разные меню, но и организовать карту сайта.html на отдельной странице. Будет выглядеть как оглавление всего сайта, раньше очень часто можно было встретить подобную страничку навигации на сайтах.
Так же для организации меню на сайте MODx Evolution можно использовать сниппет DLbuildmenu (есть в пакете DocLister). По нему пока мало документации и примеров почти нет, поэтому новичкам может быть сложнее с ним.
Документация и примеры конфигурации Wayfinder:
http://i--gu.ru/urok-5 - Урок 5 Создание динамического меню в MODX
http://i--gu.ru/wayfinder - Документация
http://docs.evolution-cms.com/Extras/Snippets/Wayfinder/Примеры - Примеры
https://modx.com/extras/package/wayfinder-evo - скачать
Хлебные крошки ( Breadcrumbs ) и одноименный сниппет.
Данный сниппет был разработан для отображения на страницах сайта пути текущей страницы по иерархии сайта. Обычно все элементы в этом пути кроме последнего являются внутренними ссылками на родительский документ.
Есть в сборках MODx Evo и MODx Custom.
Документация - http://i--gu.ru/breadcrumbs
Аналог - сниппет DLcrumbs (есть в пакете DocLister).Часть 5. Прикрепляем галлерею к документу в MODx
Если вам понравилась статья, можете поделитья в соц. ленте:
welb.ru
BreadCrumbs MODX Revolution. Создание хлебных крошек modx
Что такое Breadcrumbs?
Breadcrumbs – это простой навигационный сниппет для MODx Revolution. С его помощью Вы можете легко добавить простую навигационную цепочку в любом месте Вашей страницы.
Требования
• MODx Revolution 2.0.0-beta5 или более новая версия
• PHP5 или более новая версия
История
Breadcrums появился примерно в одно время с MODx 0.9.1, или MODx Evolution, первый релиз состоялся 30 июня 2006 года. С момента создания сниппета уже много разных авторов приложили руку к его усовершенствованию.
Официальные релизы
|
Версия |
Дата |
Автор |
Продукт |
|
1.1-beta3 |
23 ноября 2009 года |
splittingred |
Revolution |
|
1.1-beta2 |
5 ноября 2009 года |
splittingred |
Revolution |
|
1.1-beta1 |
21 мая 2009 года |
splittingred |
Revolution |
|
1.0-alpha4 |
21 апреля 2009 года |
splittingred |
Revolution |
|
1.0-alpha3 |
24 марта 2009 года |
splittingred |
Revolution |
|
1.0.1 |
25 апреля 2008 года |
jaredc |
Evolution |
|
1.0.0 |
22 апреля 2008 года |
jaredc |
Evolution |
|
0.9g |
26 марта 2008 года |
webe |
Evolution |
|
0.9f |
17 января 2008 года |
Jaredc |
Evolution |
|
0.9e |
11 января 2008 года |
Jaredc |
Evolution |
|
0.9d |
12 июля 2006 года |
Jaredc |
Evolution |
|
0.91 |
10 июля 2006 года |
tillda |
Evolution |
|
0.9c |
30 июня 2006 года |
jaredc |
Evolution |
Скачивание
Сниппет можно загрузить в рамках менеджера MODx Revolution с помощью Package Management, или с MODx Extras Repository.
Использование
Сниппет Breadcrumbs вызывается через теги:
[[Breadcrumbs]]Свойства Breadcrumbs
|
Имя |
Описание |
По умолчанию |
|
crumbSeparator |
Определяет то, что Вам нужно, между «крошками» (crumbs). |
» |
|
currentAsLink |
Если Вы хотите, чтобы crumb текущей страницы был ссылкой (на себя) – "1" для true, "0" для false (без кавычек) |
true |
|
descField |
Чтобы изменить по умолчанию использование поля страницы в качестве описания навигационной цепочки, по умолчанию – description. Если description пуст, возвращается к pagetitle. |
description |
|
homeCrumbDescription |
В случае, если Вы хотите иметь настраиваемый description домашней ссылки. По умолчанию – тайтл домашней ссылки. |
Home |
|
homeCrumbTitle |
В случае, если Вы хотите иметь домашнюю ссылку, вызывающую что-то другое. |
Home |
|
maxCrumbs |
Максимальное количество элементов в цепочке. 100 –произвольно большое количество. Если Вы выберете меньшее значение, скажем 2 (при этом есть 5 уровней глубины), она будет выглядеть так: Home> ... > Уровень 4> Level 5. Следует отметить, что " Home" и текущая страница не принимаются в рассчет. Каждая из них настраивается отдельно. |
100 |
|
maxDelimiter |
Строка, которая будет выводится, если максимальное количество элементов цепочки было показано. |
... |
|
pathThruUnPub |
Когда Ваш путь включает в себя неопубликованную папку, установка true покажет все ресурсы пути, кроме неопубликованных. Пример пути (неопубликованные заглавными): home > news > CURRENT > SPORTS > skiiing > article $pathThruUnPub = true. Отсюда: home > news > skiiing > article $pathThruUnPub = false. Отсюда: home > skiiing > article (если Ваш home crumb включен) |
true |
|
respectHidemenu |
Если true, будут скрываться элементы в навигационной цепочке, которые, согласно установок, скрываются в и меню. |
true |
|
showCrumbsAtHome |
Можно использовать для переключения breadcrumb-ов на главной странице. |
false |
|
showCurrentCrumb |
Показывает текущую страницу в виде пути. |
true |
|
showHomeCrumb |
Хотите, чтобы Ваша crumb-строка начиналась ссылкой на home? Некоторые не будут, потому что домашняя ссылка обычно находится в лого сайта или другом месте схемы навигации. |
true |
|
titleField |
Чтобы изменить поля страницы по умолчанию, используется в качестве тайтла breadcrumb. По умолчанию pagetitle. |
pagetitle |
Классы breadcrumb-ов
Выводится неупорядоченный список с микроданными (см. http://diveintohtml5.info/extensibility.html для получения дополнительной информации), которые можно стилизировать, используя следующие имена классов.
Classname (имя класса) | Описание |
B_crumbBox | Span, который окружает все выводимые crumb-ы |
B_hideCrumb | Span, который окружает "...", если crumb-ов больше, чем будет показано |
B_currentCrumb | Span или A-тег, окружающий текущий crumb |
B_firstCrumb | Span, который всегда окружает первый crumb, "home" это или нет |
B_lastCrumb | Span, окружающий последний crumb, будь он на текущей странице или нет. |
B_crumb | Класс, который присваивается каждому A-тегу, окружающему промежуточные crumb-ы (не домашние или скрытые) |
B_homeCrumb | Класс, который присваивается домашнему crumb-у |
Примеры
Показать навигационную цепочку с символом| для разделения.
[[Breadcrumbs? &crumbSeparator=`|`]]www.modx.cc
Хлебные крошки в MODX
Для реализации "хлебных крошек" в MODX Revolution используется стандартный компонент Breadcrumbs, прост в установке и весьма удобен.
Простое создание "хлебных крошек"
- Загрузим и установим его
- Вызовем в любом месте шаблона и он будет показывать полный путь до текущего ресурса [[Breadcrumbs]]
- Обернём его в теги, к примеру:
[[Breadcrumbs]]
- Подключим простые стили, для корректного изображения: #breadcrumb{ padding:20px 0; } #breadcrumb ul{ margin:0; padding:0; list-style:none; } #breadcrumb ul li{display:inline;} #breadcrumb ul li.current a{text-decoration:underline;}
- Подключим параметр, для любого имени главного (первого) ресурса: [[Breadcrumbs? homeCrumbTitle=`Главная`]]
Хлебные крошки через чанк-оформления
Можно также создать "Хлебные крошки" через чанк, для этого создаём его, к примеру tpl.Breadcrumbs и в него пишем:
[[Breadcrumbs? &bcTplCrumbOuter=`- [[+text]]
Затем вызываем его в нужном месте шаблона:
[[$tpl.Breadcrumbs]]Параметры Breadcrumbs:
| &bcTplCrumbOuter | Оформление тега списка |
| &crumbSeparator | Разделитель | &homeCrumbTitle | Название главного элемента списка |
| &showCrumbsAtHome | Наличие главного элемента (true & false) |
daruse.ru
Хлебные крошки MODx
Breadcrumbs - Хлебные крошки
Breadcrumbs - Хлебные крошки делаются для того, чтобы посетителю сайта было видно где он находится, выглядеть это будет примерно так:
Главная » Разработка сайтов » Общее » Цена разработки сайта
Достаточно вставить в нужном месте такую конструкцию:
[!Breadcrumbs!]
[!Breadcrumbs? &homeCrumbTitle=`Главная` &showHomeCrumb=`1` &showCrumbsAtHome=`1` &crumbSeparator=`>`!]
| crumbSeparator | разделитель между пунктами | строка | » |
|
Значения: Любая последовательность символов, служащая разделителем между элементами пути |
|||
| currentAsLink | Показывать текущую страницу в виде ссылки | 0 | 1 | 0 |
|
Значения:
|
|||
| descField | Параметр для title ссылки | параметр | description |
|
Значения: Имя поля таблицы контента (site_content) |
|||
| homeCrumbDescription | Значение title для ссылки на главную страницу | строка | &homeCrumbTitle |
|
Значения: Можно указать описание ссылки на главную страницу |
|||
| homeCrumbTitle | Текст ссылки на главную страницу | строка | Home |
|
Значения: Любая строка, которая будет отображена в ссылке на главную страницу |
|||
| maxCrumbs | Максимальное число пунктов в пути | число | 100 |
|
Примечание. Если этот параметр установлен равным двум, а пользователь находится на 5-ом уровне глубины, путь будет выглядеть так: главная → ... → уровень 4 → уровень 5 Примечание. Первая сылка (на главную) не считается |
|||
| pathThruUnPub | Скрывать неопубликованные документы | 0 | 1 | 1 |
|
Отображать отрезок пути к неопубликованным документам в пути. Если этотпараметр равен 1, то быдут отображены все ссылки, исключаянеопубликованные. Например есть путь (неопубликованные в верхнем регистре): главная → новости → СПОРТ → ходьба на лыжах → статья При &pathThruUnPub = 1 Вы получите результат: главная → новости → ходьба на лыжах → статья При $pathThruUnPub = 0 получите: главная → ходьба на лыжах → статья отображена ссылка на главную и путь после неопубликованного документа Значения:
|
|||
| respectHidemenu | Скрывать пункты не помеченные для меню | 0 | 1 | 1 |
|
Значения:
|
|||
| showCrumbsAtHome | Показывать на главной странице | 0 | 1 | 0 |
|
Значения:
|
|||
| showCurrentCrumb | Показывать текущую страницу | 0 | 1 | 1 |
|
Значения:
|
|||
| showHomeCrumb | Отображать ссылку на главную | 0 | 1 | 1 |
|
Значения:
|
|||
| titleField | Параметр для названия ссылки | параметр | pagetitle |
|
Значения: Имя поля таблицы контента (site_content) |
|||
www.imho.74pro.ru
