{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}{% block base_main_inner %} {# Add page type to container #} <div class="container-main {% if page.cmsPage.type %}container-main-{{ page.cmsPage.type|replace({"_": "-"})|raw }}{% endif %}"> {% block page_content %} {% block cms_breadcrumb %} {% if page.cmsPage.type == 'product_list' and page.header.navigation.active.media.url and page.header.navigation.active.description%} {# Category view with breadcrumb, productgroup navi, image and teaser #} {% block cms_category_teaser %} <div class="cms-sections"> {% block cms_category_teaser_hero %} <div class="cms-section cms-section-category-teaser py-0" style="background-image: url({{ page.header.navigation.active.media.url | raw }});"> <div class="boxed cms-section-category-teaser-top"> <div class="row"> <div class="col-12 col-lg-6 order-1 order-lg-0"> {% block cms_category_teaser_breadcrumb %} <div class="cms-section-category-teaser-breadcrumb"> {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with { context: context, category: page.header.navigation.active } only %} </div> {% endblock %} </div> <div class="col-12 col-lg-6 order-0 order-lg-1"> <div class="cms-section-category-teaser-productgroups"> {% for section in page.cmsPage.sections %} {% if section.name == 'productgroups' %} {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %} {% endif %} {% endfor %} </div> </div> </div> </div> <div class="boxed cms-section-category-teaser-description"> <div class="row"> <div class="col-12 col-lg-8"> {{ page.header.navigation.active.description | raw }} </div> </div> </div> </div> {% endblock %} {% block cms_category_teaser_headline %} {% if page.header.navigation.active.name %} <div class="cms-block cms-block-text-teaser"> <div class="cms-block-container pt-5 pb-3"> <div class="cms-block-container-row row"> <div class="col-12"> <div class="cms-element-text" style="text-align: center;"> <h2> {% if page.header.navigation.active.customFields.selfdelve_theme_category_name_alternative %} {{ page.header.navigation.active.customFields.selfdelve_theme_category_name_alternative | raw }} {% else %} {{ page.header.navigation.active.name | raw }} {% endif %} </h2> </div> </div> </div> </div> </div> {% endif %} {% endblock %} </div> {% endblock %} {% elseif page.cmsPage.type == 'page' %} {% set breadcrumbViewMode = '' %} {% for section in page.cmsPage.sections %} {% if loop.first and section.sizingMode == 'full_width' %} {% set breadcrumbViewMode = 'overlay' %} {% endif %} {% endfor %} {% if breadcrumbViewMode == 'overlay' %} <div class="cms-breadcrumb-overlay"> {{ parent() }} </div> {% else %} {{ parent() }} {% endif %} {% else %} {{ parent() }} {% endif %} {% endblock %} {% block cms_content %} <div class="cms-page"> {% block page_content_blocks %} {% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': page.cmsPage} %} {% endblock %} </div> {% endblock %} {% endblock %} </div>{% endblock %}