custom/plugins/VirginTheme/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {# Remove top-bar #}
  4. {% block layout_top_bar %}{% endblock %}
  6. {% block layout_header_logo %}
  7. <div class="col-4 order-2 ml-auto header-logo-col">
  8. {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  9. </div>
  10. {% endblock %}
  12. {% block layout_header_search %}
  13. <div class="col-4 col-sm order-1 header-search-col">
  14. <div class="row">
  16. {# Mobile menu toggle: Changed block position #}
  17. {% block layout_header_navigation_toggle %}
  19. {# Hide menu toggle for direct purchase flow #}
  20. {% if context.customer %}
  21. <div class="col d-sm-none col-nav-main-toggle">
  22. <div class="menu-button">
  24. </div>
  25. </div>
  26. {% endif %}
  27. {% endblock %}
  29. <div class="col-sm-auto d-none d-sm-block d-lg-none">
  30. {% block layout_header_navigation_toggle_tablet %}
  32. {# Hide menu toggle for direct purchase flow #}
  33. {% if context.customer %}
  34. <div class="nav-main-toggle">
  35. {% block layout_header_navigation_toggle_tablet_button %}
  36. <button class="btn nav-main-toggle-btn header-actions-btn"
  37. type="button"
  38. data-offcanvas-menu="true"
  39. aria-label="{{ "general.menuLink"|trans|striptags }}">
  40. {% block layout_header_navigation_toggle_tablet_button_icon %}
  41. {% sw_icon 'stack' %}
  42. {% endblock %}
  43. </button>
  44. {% endblock %}
  45. </div>
  46. {% endif %}
  47. {% endblock %}
  48. </div>
  49. <div class="col d-none">
  50. {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  51. </div>
  52. </div>
  53. </div>
  54. {% endblock %}
  56. {% block layout_header_actions %}
  57. <div class="col-4 order-3 header-actions-col pl-0">
  58. <div class="row no-gutters justify-content-end">
  60. {# INFO: Original position: Mobile menu toggle #}
  62. {% block layout_header_search_toggle %}
  63. <div class="col-auto d-none">
  64. <div class="search-toggle">
  65. <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  66. type="button"
  67. data-toggle="collapse"
  68. data-target="#searchCollapse"
  69. aria-expanded="false"
  70. aria-controls="searchCollapse"
  71. aria-label="{{ "header.searchButton"|trans|striptags }}">
  72. {% sw_icon 'search' %}
  73. </button>
  74. </div>
  75. </div>
  76. {% endblock %}
  78. {% block layout_header_actions_account %}
  79. <div class="col-auto">
  80. {% if context.customer and isUserLoggedExplicit%}
  81. <div class="account-menu">
  82. {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  83. </div>
  84. {% endif %}
  85. </div>
  86. {% endblock %}
  88. {% block layout_header_actions_cart %}
  89. <div class="col-auto col-header-cart">
  90. {% if context.customer and isUserLoggedExplicit %}
  91. <div class="header-cart">
  92. <a class="btn header-cart-btn header-actions-btn"
  93. href="{{ path('frontend.configurator') }}"
  94. title="{{ 'checkout.cartTitle'|trans|striptags }}"
  95. aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  96. {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  97. </a>
  98. </div>
  99. {% endif %}
  100. </div>
  101. {% endblock %}
  102. </div>
  103. </div>
  104. {% endblock %}