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

Open in your IDE?
  1. {%  sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  2. {% block layout_main_navigation %}
  3.     {%  set  WolfGraphicMenu =   config('WolfPlatformGraphicMenu.config')  %}
  4.     {%  set navigationMaxDepth =  WolfGraphicMenu.levels|last %}
  5.     <style>.navigation-flyout-categories.is-level-0 > .navigation-flyout-col {border-color: {{ WolfGraphicMenu.tileborder }}!important;}
  6.            .navigation-flyout-categories.is-level-0 > .navigation-flyout-col:hover {border-color: {{ WolfGraphicMenu.tileborderhover }}!important;}
  7.         {%  if WolfGraphicMenu.flyoutColorSet %}
  8.         .navigation-flyout { background-color: {{ WolfGraphicMenu.bgFlyout}};}
  9.         .navigation-flyout-link {color: {{ WolfGraphicMenu.linkFlyout }}; }
  10.         .navigation-flyout-link:hover {color: {{ WolfGraphicMenu.linkFlyoutHover }}; }
  11.         .nav-link {color: {{ WolfGraphicMenu.linkFlyout }}; } .nav-link:hover {color: {{ WolfGraphicMenu.linkFlyoutHover }}; }
  12.         {%  endif %}
  13.     </style>
  14.     {%  if page.header.navigation.active.id !="" %}{%  set activeId = page.header.navigation.active.id %}{% endif %}
  15.  {{ parent() }}
  16. {% endblock %}
  17.  {% block layout_main_navigation_menu_home %}
  18.      {%  if WolfGraphicMenu.showHome %}
  19.          {{ parent() }}
  20.      {%  endif %}
  21.  {% endblock %}
  23.  {% block layout_main_navigation_menu_item %}
  24.      {% if category.type == 'folder' %}
  25.          <div class="nav-link main-navigation-link"
  26.              {% if treeItem.children|length > 0 %}
  27.                  data-flyout-menu-trigger="{{ categorId }}"
  28.              {% endif %}
  29.               title="{{ name }}">
  30.              <div class="main-navigation-link-text">
  31.                  {%  if WolfGraphicMenu.showteaserimageTop %}
  32.                      {% sw_thumbnails 'menu--picture--main' with {
  33.                          media: treeItem.category.media,
  34.                          sizes: {
  35.                              'default': (WolfGraphicMenu.iconTopHeight ~ 'px')
  36.                          },
  37.                          attributes: {
  38.                              'class': 'menu--picture--main',
  39.                              'alt': (navigationTree.category.translated.name ?: ''),
  40.                              'title': (navigationTree.category.translated.name ?: ''),
  41.                              'data-object-fit': 'contain',
  42.                              'style': 'height: ' ~ (WolfGraphicMenu.iconTopHeight)~ 'px'
  43.                          }
  44.                      } %}
  45.                  {%  endif %}
  46.                  <span itemprop="name">{{ name }}</span>
  47.              </div>
  48.          </div>
  49.      {% else %}
  50.          <a class="nav-link main-navigation-link{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  51.             href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
  52.             itemprop="url"
  53.              {% if treeItem.children|length > 0 %}
  54.                  data-flyout-menu-trigger="{{ categorId }}"
  55.              {% endif %}
  56.             title="{{ name }}">
  57.              <div class="main-navigation-link-text">
  58.                  {%  if WolfGraphicMenu.showteaserimageTop %}
  59.                      {% sw_thumbnails 'menu--picture--main' with {
  60.                          media: treeItem.category.media,
  61.                          sizes: {
  62.                              'default': (WolfGraphicMenu.iconTopHeight ~ 'px')
  63.                          },
  64.                          attributes: {
  65.                              'class': 'menu--picture--main',
  66.                              'alt': (navigationTree.category.translated.name ?: ''),
  67.                              'title': (navigationTree.category.translated.name ?: ''),
  68.                              'data-object-fit': 'contain',
  69.                              'style': 'height: ' ~ (WolfGraphicMenu.iconTopHeight)~ 'px'
  70.                          }
  71.                      } %}
  72.                  {%  endif %}
  73.                  <span itemprop="name">{{ name }}</span>
  74.              </div>
  75.          </a>
  76.      {% endif %}
  78.  {% endblock %}