eSales Media Git repositories
Browse code

Move header actions to navbar

Martin Filipovic Hinrichs authored on27/01/2026 12:57:53
Showing3 changed files
src/Resources/views/storefront/layout/header.html.twig
History View file @50b5059
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,49 @@
1 
+{% sw_extends '@Storefront/storefront/layout/header.html.twig' %}
2 
+{% use '@Storefront/storefront/layout/header/header.html.twig' %}
3 
+
4 
+{% block base_navigation_inner %}
5 
+    <div class="container">
6 
+        <div class="row align-items-center">
7 
+            <div class="col">
8 
+                {{ parent() }}
9 
+            </div>
10 
+            {% block layout_header_actions %}
11 
+                <div class="col-auto">
12 
+                    <div class="header-actions-col">
13 
+                        <div class="row g-0 justify-content-end align-items-center">
14 
+                            {{ block('layout_header_navigation_toggle') }}
15 
+                            {{ block('layout_header_search_toggle') }}
16 
+
17 
+                            {% if config('core.cart.wishlistEnabled') %}
18 
+                                {{ block('layout_header_actions_wishlist') }}
19 
+                            {% endif %}
20 
+
21 
+                            {{ block('layout_header_actions_account') }}
22 
+                            {{ block('layout_header_actions_cart') }}
23 
+                        </div>
24 
+                    </div>
25 
+                </div>
26 
+            {% endblock %}
27 
+        </div>
28 
+    </div>
29 
+{% endblock %}
30 
+
31 
+{% block layout_header_navigation_toggle_button_icon %}
32 
+    <i class="fa-sharp fa-solid fa-bars"></i>
33 
+{% endblock %}
34 
+
35 
+{% block layout_header_search_toggle %}
36 
+    <div class="col-auto d-sm-none">
37 
+        <div class="search-toggle">
38 
+            <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
39 
+                    type="button"
40 
+                    data-bs-toggle="collapse"
41 
+                    data-bs-target="#searchCollapse"
42 
+                    aria-expanded="false"
43 
+                    aria-controls="searchCollapse"
44 
+                    aria-label="{{ 'header.searchButton'|trans|striptags }}">
45 
+                <i class="fa-kit fa-search"></i>
46 
+            </button>
47 
+        </div>
48 
+    </div>
49 
+{% endblock %}
src/Resources/views/storefront/layout/header/header.html.twig
History View file @50b5059
... ... 
@@ -23,45 +23,7 @@
23 23 
          </div>
24 24 
      {% endblock %}
25 25
26 
-     {% block layout_header_actions %}
27 
-         <div class="col-12 order-1 col-sm-auto col-lg-4 order-sm-2 header-actions-col">
28 
-             <div class="row g-0 justify-content-end align-items-center">
29 
-                 {% block layout_header_navigation_toggle %}
30 
-                     {{ parent() }}
31 
-                 {% endblock %}
32 
-
33 
-                 {% block layout_header_search_toggle %}
34 
-                     <div class="col-auto d-sm-none">
35 
-                         <div class="search-toggle">
36 
-                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
37 
-                                     type="button"
38 
-                                     data-bs-toggle="collapse"
39 
-                                     data-bs-target="#searchCollapse"
40 
-                                     aria-expanded="false"
41 
-                                     aria-controls="searchCollapse"
42 
-                                     aria-label="{{ "header.searchButton"|trans|striptags }}">
43 
-                                 <i class="fa-kit fa-search"></i>
44 
-                             </button>
45 
-                         </div>
46 
-                     </div>
47 
-                 {% endblock %}
48 
-
49 
-                 {% if config('core.cart.wishlistEnabled') %}
50 
-                     {% block layout_header_actions_wishlist %}
51 
-                         {{ parent() }}
52 
-                     {% endblock %}
53 
-                 {% endif %}
54 
-
55 
-                 {% block layout_header_actions_account %}
56 
-                     {{ parent() }}
57 
-                 {% endblock %}
58 
-
59 
-                 {% block layout_header_actions_cart %}
60 
-                     {{ parent() }}
61 
-                 {% endblock %}
62 
-             </div>
63 
-         </div>
64 
-     {% endblock %}
26 
+     {% block layout_header_actions %}{% endblock %}
65 27 
  </div>
66 28 
 {% endblock %}
67 29
src/Resources/views/storefront/layout/navbar/navbar.html.twig
History View file @50b5059
68 30 
new file mode 100644
... ... 
@@ -0,0 +1,11 @@
1 
+{% sw_extends '@Storefront/storefront/layout/navbar/navbar.html.twig' %}
2 
+
3 
+{% block layout_navbar %}
4 
+    {% set navbarOptions = {
5 
+        pathIdList: shopware.navigation.pathIdList
6 
+    } %}
7 
+
8 
+    {% block layout_navbar_nav_element %}
9 
+        {{ parent() }}
10 
+    {% endblock %}
11 
+{% endblock %}