custom/plugins/MuehldorferTheme/src/Resources/views/storefront/emz/navigation/categories.html.twig line 1

Open in your IDE?
  1. {% block emz_navigation_dropdown %}
  2.     {% for treeItem in navigationTree %}
  3.         {% set category = treeItem.category %}
  4.         {% set name = category.translated.name %}
  5.         {% set categorId = category.id %}
  6.         {% set children = treeItem.children %}
  8.         <div class="emz-navigation
  9.                             {% if level == 0%}
  10.                                  {% if treeItem.children|length > 0 %}dropdown{% endif %}
  11.                             {% else %}
  12.                                 dropdown-item {% if treeItem.children|length > 0 %}dropright{% endif %}
  13.                             {% endif %}">
  15.             {% if category.type == 'folder' %}
  17.                 <a class="{% if level == 0 %}emz-nav-link emz-sticky-header-nav-item{% else %}emz-sticky-header-drodown-item{% endif %} {% if categorId is same as(activeCategoryId) %} active{% endif %} {%if categorId == "e0e6dd4d85dd467bb1e904a0699e931e"%} {% if context.salesChannel.name != "B2B" %}activehome{% endif %}{% endif %}{%if categorId == "6ba4199bdd4e481c9d68a0d90a49f738"%} {% if context.salesChannel.name == "B2B" %}activeb2b{% endif %}{% endif %}" itemprop="url" {% if category.externalLink %} rel="noopener" {% endif %}  href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}">
  18.                     <div class="{% if level == 0 %}emz-sticky-header-nav-text{% endif %}" itemprop="name">
  19.                         {{name}}
  20.                     </div>
  21.                 </a>
  23.             {% else %}
  25.                 <a class="{% if level == 0 %}emz-nav-link emz-sticky-header-nav-item{% else %}emz-sticky-header-drodown-item{% endif %} {% if categorId is same as(activeCategoryId) %} active{% endif %}  {%if categorId == "e0e6dd4d85dd467bb1e904a0699e931e"%} {% if context.salesChannel.name != "B2B" %}activehome{% endif %}{% endif %}{%if categorId == "6ba4199bdd4e481c9d68a0d90a49f738"%} {% if context.salesChannel.name == "B2B" %}activeb2b{% endif %}{% endif %}" itemprop="url" {% if category.externalLink %} rel="noopener" {% endif %} href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}">
  26.                     <div class="{% if level == 0 %}emz-sticky-header-nav-text{% endif %}" itemprop="name">
  27.                         {{name}}
  28.                         {% if treeItem.children|length > 0 and level > 0 %}
  29.                             {% sw_icon 'arrow-medium-right' style {'pack': 'solid', 'size': 'xs' }%}
  30.                         {% endif %}
  31.                     </div>
  32.                 </a>
  34.             {% endif %}
  37.             {% if treeItem.children|length > 0 %}
  39.                 <div class="dropdown-menu">
  40.                     {% sw_include '@Storefront/storefront/emz/navigation/categories.html.twig' with {
  41.                         navigationTree: treeItem.children,
  42.                         level: level + 1
  43.                     }%}
  44.                 </div>
  46.             {% endif %}
  48.         </div>
  49.         <style>
  50.             .emz-sticky-header-nav-item.activehome .emz-sticky-header-nav-text {
  51.                 color: #004594;
  52.                 font-size: 13px;
  53.                 text-transform: uppercase;
  54.                 font-weight: 600;
  55.             }
  56.             .emz-sticky-header-nav-item.activeb2b .emz-sticky-header-nav-text {
  57.                 color: #004594;
  58.                 font-size: 13px;
  59.                 text-transform: uppercase;
  60.                 font-weight: 600;
  61.             }
  62.             .emz-sticky-header-nav-item.activehome .emz-sticky-header-nav-text:after {
  63.                 opacity: 1;
  64.                 -webkit-transform: scale(1);
  65.                 -ms-transform: scale(1);
  66.                 transform: scale(1);
  67.             }
  68.             .emz-sticky-header-nav-item.activeb2b .emz-sticky-header-nav-text:after {
  69.                 opacity: 1;
  70.                 -webkit-transform: scale(1);
  71.                 -ms-transform: scale(1);
  72.                 transform: scale(1);
  73.             }
  74.         </style>
  75.     {% endfor %}
  76. {% endblock %}