custom/plugins/WynCustomerTheme/src/Resources/views/storefront/layout/navigation/flyout.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@WynTheme/storefront/layout/navigation/flyout.html.twig' %}
  3. {% block layout_navigation_flyout %}
  4.   {% set category = navigationTree.category %}
  5.   {% set name = category.translated.name %}
  7.   {% block layout_navigation_flyout_bar %}
  8.     {% block layout_navigation_flyout_bar_category %}
  9.       <div class="category-list__item category-list__item--all">
  10.         {% block layout_navigation_flyout_bar_category_link %}
  11.           {% if category.type == 'page' %}
  12.             <a
  13.               class="nav-link"
  14.               href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  15.               itemprop="url"
  16.             >
  17.               {% block layout_navigation_flyout_bar_category_link_text %}
  18.                 {{ name }}
  19.               {% endblock %}
  20.             </a>
  21.           {% endif %}
  22.         {% endblock %}
  24.         <wyn-button
  25.           variant="tertiary"
  26.           icon-button
  27.           class="hide-flyout-btn js-hide-popup"
  28.         >
  29.           {% sw_icon 'close' style { 'slotAttr': 'icon', 'size': 'sm' } %}
  30.         </wyn-button>
  31.       </div>
  32.     {% endblock %}
  33.   {% endblock %}
  35.   <ul class="category-list category-list--popup">
  36.     {% block layout_navigation_flyout_content %}
  37.       {% block layout_navigation_flyout_categories %}
  38.         {% block layout_navigation_flyout_categories_recoursion %}
  39.           {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  40.             navigationTree: navigationTree.children,
  41.             navigationMedia: category.media,
  42.             page: page,
  43.             navigationMaxDepth: 1
  44.           } only %}
  45.         {% endblock %}
  46.       {% endblock %}
  47.     {% endblock %}
  48.   </ul>
  49. {% endblock %}