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

Open in your IDE?
  1. {% block layout_navigation_flyout %}
  2.     {% set category = navigationTree.category %}
  3.     {% set name = category.translated.name %}
  4.     {% set description = category.translated.description %}
  8.     {% block layout_navigation_flyout_bar %}
  9.         <div class="row navigation-flyout-bar">
  10.             {% block layout_navigation_flyout_bar_category %}
  11.                 <div class="col">
  12.                     <div class="navigation-flyout-category-link">
  13.                         {% block layout_navigation_flyout_bar_category_link %}
  14.                             {% if category.type == 'page' %}
  15.                                 <a class="nav-link"
  16.                                    href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  17.                                    itemprop="url"
  18.                                    title="{{ name }}">
  19.                                     {% block layout_navigation_flyout_bar_category_link_text %}
  20.                                         {{ "general.toCategory"|trans|sw_sanitize }} {{ name }}
  21.                                         {% sw_icon 'arrow-right' style {
  22.                                             'color': 'primary',
  23.                                             'pack':'solid'
  24.                                         } %}
  25.                                     {% endblock %}
  26.                                 </a>
  27.                             {% endif %}
  28.                         {% endblock %}
  29.                     </div>
  30.                 </div>
  31.             {% endblock %}
  32.         </div>
  33.     {% endblock %}
  35.     {% block layout_navigation_flyout_content %}
  36.         <div class="row navigation-flyout-content">
  37.             {% block layout_navigation_flyout_description %}
  38.                 {% if description %}
  39.                     <div class="col-12">
  40.                         <span class="navigation-flyout-content__description">{{ description }}</span>
  41.                     </div>
  42.                 {% endif %}
  43.             {% endblock %}
  46.             {% block layout_navigation_flyout_categories %}
  47.                 <div class="{% if category.media %}col-8 col-xl-9{% else %}col{% endif %}">
  48.                     <div class="navigation-flyout-categories">
  49.                         {% block layout_navigation_flyout_categories_recoursion %}
  50.                             {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  51.                                 parentName: category.name,
  52.                                 navigationTree: navigationTree.children,
  53.                                 navigationMedia: category.media,
  54.                                 page: page
  55.                             } only %}
  56.                         {% endblock %}
  57.                     </div>
  58.                 </div>
  59.             {% endblock %}
  61.             {% block layout_navigation_flyout_teaser %}
  62.                 {% if category.media %}
  63.                     <div class="col-4 col-xl-3">
  64.                         <div class="navigation-flyout-teaser">
  65.                             {% block layout_navigation_flyout_teaser_image %}
  66.                                 <a class="navigation-flyout-teaser-image-container"
  67.                                    href="{{ category_url(category) }}"
  68.                                    {% if category_linknewtab(category) %}target="_blank"
  69.                                    {% if category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
  70.                                         {% endif %}
  71.                                    title="{{ name }}">
  72.                                     {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  73.                                         media: category.media,
  74.                                         sizes: {
  75.                                             'default': '310px'
  76.                                         },
  77.                                         attributes: {
  78.                                             'class': 'navigation-flyout-teaser-image',
  79.                                             'alt': (category.media.translated.alt ?: ''),
  80.                                             'title': (category.media.translated.title ?: ''),
  81.                                             'data-object-fit': 'cover'
  82.                                         }
  83.                                     } %}
  84.                                 </a>
  85.                             {% endblock %}
  86.                         </div>
  87.                     </div>
  88.                 {% endif %}
  89.             {% endblock %}
  90.         </div>
  91.     {% endblock %}
  92. {% endblock %}