templates/pages/_includes/base/sub_menu/_submenu.html.twig line 1

Open in your IDE?
  1. {# navigationItem : bloc Sulu (typeItem, singleLabel, multipleLabel) #}
  2. {% set is_menu_mobile = mode is defined and mode == 'mobile' %}
  3. {% set submenu_templates = {
  4. 'company': 'pages/_includes/base/sub_menu/_submenu_company.html.twig',
  5. 'destination': 'pages/_includes/base/sub_menu/_submenu_destination.html.twig',
  6. 'riverside': 'pages/_includes/base/sub_menu/_submenu_riverside.html.twig',
  7. 'specialOffer': 'pages/_includes/base/sub_menu/_submenu_special_offers.html.twig',
  8. 'groupsCe': 'pages/_includes/base/sub_menu/_submenu_groups_ce.html.twig',
  9. } %}
  11. <div class="site-header__mega br3 {{ is_menu_mobile ? 'accordion-content' : '' }}">
  12. {% if not is_menu_mobile %}
  13. <div class="site-header__mega-inner">
  14. {% endif %}
  16. {% if submenu_templates[item.typeItem|default('')] is defined %}
  17. {% include submenu_templates[item.typeItem] with {
  18. item: item,
  19. mode: mode|default('desktop'),
  20. } only %}
  21. {% endif %}
  23. {#
  24. Gérer l'image mise en avant dans chaque sous-menu
  25. On regarde si un média est lié, si oui s'il est externe ou interne, et on affiche l'image correspondante.
  26. Si un lien est lié à l'image, on regarde s'il est externe ou interne, et on ajoute des balises <a> ou <sulu-link> selon le cas. Sinon, on renvoie juste l'image.
  27. #}
  29. {% if item.isMedia is defined and item.isMedia == true %}
  30. {% set highlightedImage = item.isExternalImage is defined and item.isExternalImage == true ? item.externalImage : item.internalImage is defined ? sulu_media_url(item.internalImage, '800x') : asset('img/placeholders/menu.jpg') %}
  31. <div class="highlighted-image">
  32. {% if item.isLink is defined and item.isLink == true %}
  33. {% if item.isExternalLink is defined and item.isExternalLink == true %}
  34. <a href="{{ item.externalLink|default('') }}" target="_blank" rel="nofollow">
  35. <img class="br2" src="{{ highlightedImage }}" alt="">
  36. </a>
  37. {% else %}
  38. <sulu-link href="{{ item.internalLink|default('') }}">
  39. <img class="br2" src="{{ highlightedImage }}" alt="">
  40. </sulu-link>
  41. {% endif %}
  42. {% else %}
  43. <img class="br2" src="{{ highlightedImage }}" alt="">
  44. {% endif %}
  45. </div>
  46. {% endif %}
  48. {% if not is_menu_mobile %}
  49. </div>
  50. {% endif %}
  51. </div>