custom/plugins/S360MegaMenu/src/Resources/views/storefront/s360/megamenu/desktop/items/link.html.twig line 1

Open in your IDE?
  1. {#
  2.  # Default link menu item
  3.  #}
  5. {# @var menu \S360\MegaMenu\Core\Content\Menu\MenuEntity #}
  7. {% block s360_megamenu_item %}
  8.     {# @var item \S360\MegaMenu\Core\Content\Menu\MenuItemEntity #}
  9.     {% set item = treeItem.item %}
  10.     {% set title = item.translated.title %}
  11.     {% set isActive = menu.tree.active.id == item.id or (item.linkType == "category" and item.link is same as(page.header.navigation.active.id)) %}
  13.     {% set url = item.link %}
  14.     {% set noopener = false %}
  15.     {% set isFolder = item.categoryLink and item.categoryLink.type == 'folder' %}
  16.     {% if item.linkType == "category" and item.categoryLink %}
  17.         {% set url = category_url(item.categoryLink) %}
  18.     {% elseif item.linkType == 'custom' and url starts with url('frontend.home.page') == false and url starts with path('frontend.home.page') == false %}
  19.         {% set noopener = true %}
  20.     {% endif %}
  22.     <div class="s360-megamenu__item {% if item.align == 'right' %}s360-megamenu__item--right{% else %}s360-megamenu__item--default{% endif %}">
  23.         {% block s360_megamenu_item_link %}
  24.             {# Use a span tag if we only want to show text instead of a link #}
  25.             {% block s360_megamenu_item_link_tag_open %}
  26.                 <{% if item.linkType == 'none' or url is empty or isFolder %}span{% else %}a{% endif %}
  27.                     class="{% block s360_megamenu_item_classes %}
  28.                         s360-megamenu__link s360-megamenu__link--{{ item.id }} s360-megamenu__link--{{ item.linkType }}
  29.                         {% if (item.icon or item.customIcon) and not item.hideContent %} s360-megamenu__link--icon-with-text{% endif %}
  30.                         {% if isActive %} active{% endif %}
  31.                         {% if item.styling.customClass %}{{ item.styling.customClass }}{% endif %}
  32.                     {% endblock %}"
  33.                     {% if item.linkType != 'none' and url is not empty or not isFolder %}
  34.                         href="{{ url }}"
  35.                         itemprop="url"
  36.                         title="{{ title }}"
  37.                     {% endif %}
  38.                     {% if noopener %}
  39.                         target="_blank"
  40.                         rel="noopener"
  41.                     {% endif %}
  42.                     {% block s360_megamenu_item_attrs %}data-flyout-menu-trigger="{{ item.id }}"{% endblock %}
  43.                 >
  44.             {% endblock %}
  46.                 {# Icon Left #}
  47.                 {% if item.icon and (item.iconPosition == null or item.iconPosition == 'left') %}
  48.                     {% block s360_megamenu_item_link_icon_left %}
  49.                         {% sw_include '@Storefront/storefront/s360/megamenu/utilities/icon.html.twig' with { icon: item.icon, position: 'left' } %}
  50.                     {% endblock %}
  51.                 {% endif %}
  53.                 {# Image Left #}
  54.                 {% if item.customIcon and (item.iconPosition == null or item.iconPosition == 'left') %}
  55.                     {% block s360_megamenu_item_link_media_left %}
  56.                         <img src="{{ item.customIcon.url }}" alt="{{ title | sw_sanitize }}" class="img-fluid s360-megamenu__link__image s360-megamenu__link__image--left" />
  57.                     {% endblock %}
  58.                 {% endif %}
  60.                 {# Content #}
  61.                 {% if not item.hideContent %}
  62.                     {% block s360_megamenu_item_link_text_content %}
  63.                         <span itemprop="name">{{ title }}</span>
  64.                     {% endblock %}
  65.                 {% endif %}
  67.                 {# Icon Right #}
  68.                 {% if item.icon and item.iconPosition == 'right'%}
  69.                     {% block s360_megamenu_item_link_icon_right %}
  70.                         {% sw_include '@Storefront/storefront/s360/megamenu/utilities/icon.html.twig' with { icon: item.icon, position: 'right' } %}
  71.                     {% endblock %}
  72.                 {% endif %}
  74.                 {# Image Right #}
  75.                 {% if item.customIcon and item.iconPosition == 'right' %}
  76.                     {% block s360_megamenu_item_link_media_right %}
  77.                         <img src="{{ item.customIcon.url }}" alt="{{ title | sw_sanitize }}" class="img-fluid s360-megamenu__link__image s360-megamenu__link__image--right" />
  78.                     {% endblock %}
  79.                 {% endif %}
  81.                 {# Use a span tag if we only want to show text instead of a link #}
  82.                 {% block s360_megamenu_item_link_tag_close %}
  83.                     {% if item.linkType == 'none' or url is empty %}
  84.                         </span>
  85.                     {% else %}
  86.                         </a>
  87.                     {% endif %}
  88.                 {% endblock %}
  89.         {% endblock %}
  91.         {# Flyouts which are not fullscreen and therefore have to be added here in order to have the right positioning! #}
  92.         {% block s360_megamenu_item_flyouts %}
  93.             {% if (item.contentSettings.dropdownWidth == 'content' or item.contentSettings.dropdownWidth is not defined) and treeItem.shouldDisplayFlyout(page.header.activeLanguage.id) %}
  94.                 {% block s360_megamenu_item_flyout_container %}
  95.                     <div class="navigation-flyouts s360-megamenu__dropdown {% if menu.dropdownStyling.customClass %}{{ menu.dropdownStyling.customClass }}{% endif %}">
  96.                         {% block s360_megamenu_item_flyout %}
  97.                             {% sw_include '@Storefront/storefront/s360/megamenu/desktop/flyouts/' ~ item.contentType ~ '.html.twig' ignore missing with { treeItem: treeItem, item: item, menu: menu, includeFlyoutWrapper: true } %}
  98.                         {% endblock %}
  99.                     </div>
  100.                 {% endblock %}
  101.             {% endif %}
  102.         {% endblock %}
  103.     </div>
  104. {% endblock %}