implement mobile-responsive category drawer and sidebar layout for shop page

This commit is contained in:
Alaguraj0361 2026-09-07 16:04:03 +05:30
parent fba213ecf3
commit 2f13dd0aa5

View File

@ -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>