Перейти к содержимому



[разбор] Хлебные крошки для ModX

#1

Поделиться сообщением #1



r0mZet

r0mZet
  • Модератор
  • 1 104 сообщений
  • Репутация: 165
2

Отправлено 08 Сентябрь 2016 - 19:43

Довожу до ума один сайт на MODx, дошел до момента хлебных крошек. Посмотрел на нашем любимом форуме темы такой еще не было.
Краткий инструктаж по хлебным крошкам без воды.
 
1. Лезем в панель управления ищем там ПРИЛОЖЕНИЯ -> УСТАНОВЩИК -> ЗАГРУЗИТЬ ДОПОЛНЕНИЯ
2. В строке поиска задаем "BreadCrumbs"
3. Качаем BreadCrumbs v1.1 - это старая версия но она стабильно отработала у меня в ModX Revo 2.4 в отличии от BreadCrumbs v1.4 которая приказала долго жить сразу после установки.
4. В стили CSS пропишем красоту для хлебных крошек, она достаточно дефолтная:
#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;}
5. Лезем в ЧАНКИ. Создаем новый чанк и присваиваем ему имя tpl.Breadcrumbs
 
И запиливаем код в чанк:
[[Breadcrumbs? 
&bcTplCrumbOuter=`<ol class="breadcrumb">[[+text]]</ol>`
&crumbSeparator=``
&homeCrumbTitle=`Главная`
&showCrumbsAtHome=`true`
]]

6. Далее лезем в шаблон, ищем там место под заголовком H1 и запиливаем туда вот такой код:

[[$tpl.Breadcrumbs]]

7. Сохраняемся и все готово!

 
Второй вариант без шаманства с Чанками, будет следующим...
Под заголовком H1 в шаблоне вешаем вот этот кусочек:
<div id="breadcrumb">
   [[Breadcrumbs]]
</div>

Не забываем сохраняться!

Профит!

 


 

 

  • 1

Копирую любой Landing Page. Сходство 100%, рабочие JS и РНР-формы. 



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Правила внутренней оптимизации страницы
  2. Проблема с тегом site_url в MODX Revo
  3. Мутим Хлебные крошки для OpenCart
  4. [разбор] Хлебные крошки для Joomla
  5. Хлебные крошки в выдаче Гугля


Оформление форума – IPBSkins.ru