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

Open in your IDE?
  1. {% sw_extends '@parent/storefront/layout/navigation/categories.html.twig' %}
  2. {# {% extends '@Storefront/storefront/layout/navigation/categories.html.twig' %} #}
  4. {% block layout_navigation_categories_item %}
  5.     <div class="{% if level == 0 %}{% if navigationMedia %}col-3 {% else %}col-4 {% endif %}{% endif %}navigation-flyout-col">
  7.         <div class="d-flex flex-row">
  8.             {# {{dump(treeItem.category.translated.customFields.custom_category_icon_media_color)}} #}
  9.             {% if treeItem.category.translated.customFields.custom_category_icon_media_color %}
  10.                 <div style="margin-top: -3px; margin-right: 15px; border: 1px solid #f5f5f5; border-radius: 5px; height: 40px; width: 40px; background-color:{{ treeItem.category.translated.customFields.custom_category_icon_media_color }}"></div>
  11.             {% endif %}
  12.             
  14.             {% block layout_navigation_categories_item_link %}
  15.                 {% if treeItem.category.type == 'folder' %}
  16.                     <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
  17.                          title="{{ name }}">
  18.                         <span itemprop="name">{{ name }}</span>
  19.                     </div>
  20.                 {% else %}
  21.                     <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %} {% if treeItem.category.translated.customFields.custom_category_navigation_image or treeItem.category.translated.customFields.custom_category_navigation_subtitle %} nav-link-extended{% endif %}"
  22.                        href="{{ link }}"
  23.                        itemprop="url"
  24.                        {% if category_linknewtab(treeItem.category) %}target="_blank"
  25.                            {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
  26.                        {% endif %}
  27.                        title="{{ name }}">
  28.                        {% if treeItem.category.translated.customFields.custom_category_navigation_image or treeItem.category.translated.customFields.custom_category_navigation_subtitle %}
  29.                             <div class="nav-link-extended-wrapper">
  30.                                 <div class="image">
  31.                                 {% set images = searchMedia([treeItem.category.translated.customFields.custom_category_navigation_image], context.context) %}
  32.                                 {% for image in images %}
  33.                                     <img src="{{ image.url }}" alt="{{ treeItem.category.translated.name }}">
  34.                                 {% endfor %}
  35.                                 </div>
  36.                                 <div class="text">
  37.                                     <span itemprop="name">{{ name }}</span>
  38.                                     <span class="subtitle">{{ treeItem.category.translated.customFields.custom_category_navigation_subtitle|length > 40 ? treeItem.category.translated.customFields.custom_category_navigation_subtitle|slice(0, 40) ~ '...' : treeItem.category.translated.customFields.custom_category_navigation_subtitle }}</span>
  39.                                 </div>
  40.                             </div>
  41.                         {% else %}
  42.                             <span itemprop="name">{{ name }}</span>
  43.                         {% endif %}
  44.                     </a>
  45.                 {% endif %}
  46.             {% endblock %}
  47.         </div>
  49.         {% block layout_navigation_categories_recoursion %}
  50.             {{ parent() }}
  51.         {% endblock %}
  52.     </div>
  53. {% endblock %}