You are here

simple-mega-menu--megamenu.html.twig in Simple Mega Menu 2.0.x

simple_mega_menu.html.twig Default theme implementation to present Simple mega menu data.

This template is used when viewing Simple mega menu pages.

Available variables:

  • content: A list of content items. Use 'content' to print all content, or
  • attributes: HTML attributes for the container element.
  • bundle : the simple mega menu bundle
  • view_mode : the view mode used
  • simple_mega_menu: the simple mega menu entity

File

modules/simple_megamenu_example/templates/simple-mega-menu--megamenu.html.twig
View source
  1. {#
  2. /**
  3. * @file simple_mega_menu.html.twig
  4. * Default theme implementation to present Simple mega menu data.
  5. *
  6. * This template is used when viewing Simple mega menu pages.
  7. *
  8. *
  9. * Available variables:
  10. * - content: A list of content items. Use 'content' to print all content, or
  11. * - attributes: HTML attributes for the container element.
  12. * - bundle : the simple mega menu bundle
  13. * - view_mode : the view mode used
  14. * - simple_mega_menu: the simple mega menu entity
  15. *
  16. * @see template_preprocess_simple_mega_menu()
  17. *
  18. * @ingroup themeable
  19. */
  20. #}
  21. {%
  22. set classes = [
  23. 'simple-mega-menu',
  24. 'mega-menu-item',
  25. 'simple-mega-menu-type-' ~ bundle|clean_class,
  26. view_mode ? 'view-mode-' ~ view_mode|clean_class,
  27. ]
  28. %}
  29. {% set image_uri = simple_mega_menu.field_image_link.uri %}
  30. {{ attach_library('simple_megamenu_example/base') }}
  31. <div{{ attributes.addClass(classes) }}>
  32. {% if content and view_mode == 'before' %}
  33. {% if image_uri %}
  34. <a href="{{ simple_mega_menu.field_image_link.0.url }}">
  35. {% endif %}
  36. <div class="image-wrapper">
  37. {{ content | without('field_image_link', 'field_image_title', 'field_text') }}
  38. <div class="image-title">{{ content.field_image_title }}</div>
  39. </div>
  40. {% if image_uri %}
  41. </a>
  42. {% endif %}
  43. <div class="text">{{ content.field_text }}</div>
  44. {% else %}
  45. {{ content }}
  46. {% endif %}
  47. </div>