How To Create An Accordion Or Subcategories View In Openerp Or Odoo?

Create an accordion or subcategories view? I'm trying to create an accordion view from product.category view. I want all the categories at top and if any of them have childs I want

Solution 1:

Let's use the bootstrap accordion (https://getbootstrap.com/docs/4.0/components/collapse/), for instance : for products belonging to category_2 included in category_1 :

<odoo><templateid="products_categories_nested_accordions"inherit_id="website_sale.products_categories"active="False"customize_show="True"name="eCommerce Categories"><xpathexpr="//div[@id='products_grid_before']"position="inside"><ahref="#"role="button"class="collapsed"data-toggle="collapse"t-attf-data-target=".#{category_1.name}"t-attf-data="#{category_1.name}"aria-expanded="false"><spanclass="fa fa-plus pull-right"/><labelt-field="category_1.name" /></a><tt-foreach="category_1.categories_2_ids"t-as="category_2"><divt-attf-class=" collapse #{category_1.name} "t-attf-data="#{category_2.name}" ><ahref="#"role="button"class="collapsed"data-toggle="collapse"t-attf-data-target=".#{category_2.name}"t-attf-data="#{category_2.name}"aria-expanded="false"><spanclass="fa fa-plus pull-right"/><labelt-field="category_2.name" /></a></div><tt-foreach="products"t-as="product"><divt-attf-class=" collapse #{category_2.name} "t-attf-data="#{product.name}" ><spanitemprop="name"t-field="product.name"class="my-0" /></div></t></t></xpath></template></odoo>

And so on with other nested categories in each other...