I'm developing a little hybrid mobile application, it is an
e-commerce app, I've designed all from scratch. I am designing it in such a way that the admin at anytime can add categories and subcategories, and so on. There could be cases like this (although they may be a bit rare cases):
Category 1 Category 1.1 Category 1.2 Category 1.3 Category 1.3.1 Category 220.127.116.11 Category 1.3.2 Category 1.3.3 Category 2 Category 3
I would like to know what is the best way to do this?
CSS framework I am using Materialize.
How would you advise me, to browsing this section?
Initially, if they were just categories (without children). I would make an accordion, or what in Materialize is called Collapsible. And then when the user clicks on an item, a list with all the products is opened below.
What are the best practices on this type of applications? Should I just show a small list of products and when the user clicks, go to a specific page of that product?