From 2f13dd0aa5c3d495678167888348be8c74ddf962 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Mon, 7 Sep 2026 16:04:03 +0530
Subject: [PATCH]  implement mobile-responsive category drawer and sidebar
 layout for shop page

---
 .../views/shop_page.xml                       | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/addons/dine360_theme_shivasakthi/views/shop_page.xml b/addons/dine360_theme_shivasakthi/views/shop_page.xml
index 18ce2ba..0205389 100644
--- a/addons/dine360_theme_shivasakthi/views/shop_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/shop_page.xml
@@ -203,7 +203,18 @@
                 </aside>
             </xpath>
 
-
+            <!-- Mobile Category Toggle Button placed at top of products grid -->
+            <xpath expr="//div[@id='products_grid']/*[1]" position="before">
+                <div class="d-flex d-md-none justify-content-between align-items-center mb-3 w-100">
+                    <button class="btn mobile-cat-bar-btn" id="btnOpenMobileCategoryDrawer" type="button" aria-label="Open Categories">
+                        <i class="fa fa-th-large"></i>
+                        <span>Categories</span>
+                        <t t-if="category">
+                            <span class="cat-active-pill"><t t-esc="category.name"/></span>
+                        </t>
+                    </button>
+                </div>
+            </xpath>
         </template>
 
         <!-- Product Item Customization - Reorganized Layout -->
@@ -241,18 +252,6 @@
                 </div>
             </xpath>
         </template>
-        <!-- Replace Grid/List buttons with Categories button in Products Pager -->
-        <template id="Shivasakthi_products_pager_categories" inherit_id="website_sale.products_pager" name="Shivasakthi Products Pager Categories" priority="50">
-            <xpath expr="//t[@t-call='website_sale.sort']" position="before">
-                <button class="btn mobile-cat-bar-btn d-md-none" id="btnOpenMobileCategoryDrawer" type="button" aria-label="Open Categories">
-                    <i class="fa fa-th-large"></i>
-                    <span>Categories</span>
-                    <t t-if="category">
-                        <span class="cat-active-pill"><t t-esc="category.name"/></span>
-                    </t>
-                </button>
-            </xpath>
-        </template>
     </data>
 </odoo>