OctoberCMS BreadCrumbs через StaticPages
Много вопросов как вывести хлебные крошки в OctoberCMS. Рассмотрим вариант как вывести breadcrumbs используя StaticPages
Для работы нам понадобится установленный плагин Static Pages и собранное меню всего сайта в нем.
Далее просто выведем в нужном месте прицепим компонент StaticMenu и выведем следующий код:
{% partial 'breadcrumbs' items=staticMenu.menuItems %}
Создадим partial breadcrumbs:
{% if items %}
<nav>
<ol class="breadcrumb">
{% partial "breadcrumbsItems" items=items %}
</ol>
</nav>
{% endif %}
И еще один partial breadcrumbsItems:
{% for item in items if item.isActive or item.isChildActive %}
{% if item.url %}
<li class="breadcrumb-item {{ item.isActive ? 'active' : '' }} {{ item.viewBag.cssClass }}">
<a href="{{ item.url }}" {{ item.viewBag.isExternal ? 'target="_blank"' }}>
{{ item.title }}
</a>
</li>
{% endif %}
{% if item.items %}
{% partial "breadcrumbsItems" items=item.items %}
{% endif %}
{% endfor %}
Profit! Получили хлебные крошки по структуре меню сайта.
Один раз вывели, далее уровня программирования не нужно, контент-менеджер сам будет создавать меню при необходимости.
Опубликовано 15 мая 2021 г. в категориях: October CMS Winter CMS
Если Вам необходимо внедрить данную разработку на свой проект, свяжитесь со мной, обсудим цену и срок.
Связаться со мной
