templates/default/components/organisms/vertical-menu/vertical-menu.html.twig line 1

Open in your IDE?
  1. {% embed 'components/organisms/offside/offside.html.twig' with {
  2. 'class': 'offside--vertical-menu vertical-menu',
  3. 'id': 'verticalMenu',
  4. 'ariaLabeledBy': 'vertical-menu__header',
  5. } %}
  6. {% block offcanvasHeader %}
  8. {% endblock %}
  9. {% block offcanvasContent %}
  10. {# maybe a better solution? #}
  11. <vertical-menu
  12. image-service=" {{ imageservice }}"
  13. >
  14. <nav class="vertical-menu__storyblok-nav vertical-menu__nav">
  15. <ul class="vertical-menu__list vertical-menu__list">
  16. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  17. 'componentData': cms_globals.main_menu|default,
  18. 'componentConfig': {
  19. 'link-open-menu': {
  20. additionalClass: 'link-open-menu--vertical-menu vertical-menu__entry ',
  21. },
  22. 'text-link': {
  23. class: 'text-link--vertical-menu vertical-menu__entry ',
  24. }
  25. }
  26. }
  27. %}
  28. </ul><ul class="vertical-menu__list vertical-menu__list--separated">
  29. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  30. 'componentData': cms_globals.upper_menu|default,
  31. 'componentConfig': {
  32. 'link-open-menu': {
  33. additionalClass: 'link-open-menu--vertical-menu vertical-menu__entry ',
  34. },
  35. 'text-link': {
  36. class: 'text-link--vertical-menu vertical-menu__entry ',
  37. }
  38. }
  39. }
  40. %}
  41. </ul>
  42. </nav>
  43. {% if storeContext.languages|default|length > 1 %}
  44. {% include 'components/molecules/language-select/language-select.html.twig'
  45. with {
  46. 'class': 'language-select--vertical-menu',
  47. 'current_language': storeContext.localeInfo.currentLocale,
  48. 'languages': storeContext.languages} %}
  49. {% endif %}
  50. </vertical-menu>
  52. {% endblock %}
  54. {% block offcanvasFooter %}
  55. <div class="vertical-menu__footer">
  56. <a
  57. class="vertical-menu__direct-order"
  58. href="{{ path('checkout_cart_index') }}?directOrder=true"
  59. data-gtm-direct-order=""
  60. >
  61. {{ 'header_direct_order'|trans }}
  62. </a>
  64. <vat-toggle
  65. class="vat-toggle--light-switcher"
  66. exclude-vat="{{ app.request.attributes.getBoolean('exclude_vat') ? 'true' : 'false' }}"
  67. toggle-id="vertical-menu-toggler">
  68. </vat-toggle>
  69. </div>
  72. {% endblock %}
  73. {% endembed %}