implement mobile-responsive category drawer and sidebar layout for shop page
This commit is contained in:
parent
fba213ecf3
commit
2f13dd0aa5
@ -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>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user