custom/plugins/ChespackTheme/src/Resources/views/storefront/layout/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  3. {# Moved search from the logo container #}
  4. {% block layout_main_navigation %}
  5.     <div class="container">
  6.         <div class="d-flex">
  7.             <div class="main-navigation d-none d-md-block"
  8.                  id="mainNavigation"
  9.                  data-flyout-menu="true">
  10.                 {% block layout_main_navigation_navbar %}
  11.                     {{ parent() }}
  12.                 {% endblock %}
  14.                 {% block layout_main_navigation_menu_flyout_wrapper %}
  15.                     {{ parent() }}
  16.                 {% endblock %}
  17.             </div>
  19.             {% block layout_header_search %}
  20.                 <div class="header-search-col">
  21.                     <div class="row no-gutters">
  22.                         <div class="col">
  23.                             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  24.                         </div>
  25.                         <div class="col-12 d-md-none">
  27.                             {# changed toggle button layout #}
  28.                             {% block layout_header_navigation_toggle_tablet %}
  29.                                 <div class="nav-main-toggle">
  30.                                     {% block layout_header_navigation_toggle_tablet_button %}
  31.                                         <button class="btn nav-main-toggle-btn header-actions-btn is--fullwidth"
  32.                                                 type="button"
  33.                                                 data-offcanvas-menu="true"
  34.                                                 aria-label="{{ "general.menuLink"|trans|striptags }}">
  36.                                             <div class="nav-link main-navigation-link" title="{{ "chespackTheme.header.allProducts"|trans|sw_sanitize }}">
  37.                                                 <div class="main-navigation-link-text text-center">
  38.                                                     <span>{{ "chespackTheme.header.allProducts"|trans|sw_sanitize }}</span>
  39.                                                 </div>
  40.                                             </div>
  42.                                         </button>
  43.                                     {% endblock %}
  44.                                 </div>
  45.                             {% endblock %}
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             {% endblock %}
  50.         </div>
  51.     </div>
  52. {% endblock %}
  54. {# Removed home link #}
  55. {% block layout_main_navigation_menu_home %}{% endblock %}
  57. {# Added shop by brand container #}
  58. {% block layout_main_navigation_menu_flyout %}
  59.     <div class="navigation-flyout"
  60.          data-flyout-menu-id="{{ treeItem.category.id }}">
  61.         <div class="container">
  62.             {% block layout_main_navigation_menu_flyout_include %}
  63.                 {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  64.             {% endblock %}
  65.         </div>
  67.         {# Added shop by brand - removed #}
  68. {#        {% block layout_navigation_flyout_categories_brands %}#}
  69. {#            <div class="navigation-flyout-content-brands bg-cl-gray-200">#}
  70. {#                <div class="container">#}
  71. {#                    <div class="row">#}
  72. {#                        <div class="col-3 d-flex align-items-center pt-3">#}
  73. {#                            <h4>{{ "chespackTheme.header.shopByBrand"|trans|sw_sanitize }}</h4>#}
  74. {#                        </div>#}
  75. {#                        <div class="col-9 brands-logos pt-3">#}
  76. {#                            <ul class="list-unstyled d-flex align-items-center justify-content-between">#}
  77. {#                                <li>#}
  78. {#                                    <a href="">#}
  79. {#                                        <picture class="header-brand-picture">#}
  80. {#                                            <img src="{{ asset('assets/logo/i-team-logo.svg', '@ChespackTheme') |sw_encode_url }}"#}
  81. {#                                                 class="img-fluid">#}
  82. {#                                        </picture>#}
  83. {#                                    </a>#}
  84. {#                                </li>#}
  85. {#                                <li>#}
  86. {#                                    <a href="">#}
  87. {#                                        <picture class="header-brand-picture">#}
  88. {#                                            <img src="{{ asset('assets/logo/evans-logo.png', '@ChespackTheme') |sw_encode_url }}"#}
  89. {#                                                 class="img-fluid">#}
  90. {#                                        </picture>#}
  91. {#                                    </a>#}
  92. {#                                </li>#}
  93. {#                                <li>#}
  94. {#                                    <a href="">#}
  95. {#                                        <picture class="header-brand-picture">#}
  96. {#                                            <img src="{{ asset('assets/logo/northshore-logo.png', '@ChespackTheme') |sw_encode_url }}"#}
  97. {#                                                 class="img-fluid">#}
  98. {#                                        </picture>#}
  99. {#                                    </a>#}
  100. {#                                </li>#}
  101. {#                                <li>#}
  102. {#                                    <a href="">#}
  103. {#                                        <picture class="header-brand-picture">#}
  104. {#                                            <img src="{{ asset('assets/logo/purus-logo.svg', '@ChespackTheme') |sw_encode_url }}"#}
  105. {#                                                 class="img-fluid">#}
  106. {#                                        </picture>#}
  107. {#                                    </a>#}
  108. {#                                </li>#}
  109. {#                                <li>#}
  110. {#                                    <a href="">#}
  111. {#                                        <picture class="header-brand-picture">#}
  112. {#                                            <img src="{{ asset('assets/logo/tersano-logo.png', '@ChespackTheme') |sw_encode_url }}"#}
  113. {#                                                 class="img-fluid">#}
  114. {#                                        </picture>#}
  115. {#                                    </a>#}
  116. {#                                </li>#}
  117. {#                            </ul>#}
  118. {#                        </div>#}
  119. {#                    </div>#}
  120. {#                </div>#}
  121. {#            </div>#}
  122. {#        {% endblock %}#}
  124.     </div>
  125. {% endblock %}