Best way to display categories tree in mobile apps

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 1.3.1.1
    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? As a 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?

Tags: