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>
|
</aside>
|
||||||
</xpath>
|
</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>
|
</template>
|
||||||
|
|
||||||
<!-- Product Item Customization - Reorganized Layout -->
|
<!-- Product Item Customization - Reorganized Layout -->
|
||||||
@ -241,18 +252,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</xpath>
|
</xpath>
|
||||||
</template>
|
</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>
|
</data>
|
||||||
</odoo>
|
</odoo>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user