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