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

Если Вам необходимо внедрить данную разработку на свой проект, свяжитесь со мной, обсудим цену и срок.

Связаться со мной Fill 1