Display subcategories

[Mlody]

Hi!

I have tree like this:

Main category

|

Cat1 

| 

Sub1 - Sub2 - Sub3

 

I would like to display Subcategories list when customer click in the each of subcategories.

I made this:

 {if isset($subcategories)}
    <!-- Subcategories -->
    <div id="subcategories">
        <p class="subcategory-heading">{l s='Subcategories'}</p>
        <ul class="clearfix">
            {foreach from=$subcategories item=subcategory}
                <li>
                    <div class="subcategory-image">
                        <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
                        </a>
                    </div>
                    <h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
                    {if $subcategory.description}
                        <div class="cat_desc">{$subcategory.description}</div>
                    {/if}
                </li>
            {/foreach}
        </ul>
    </div>
{/if}

 

When I click Cat1 then I see Sub1, Sub2, Sub3 - this is ok. I would like to still see Sub1, Sub2, Sub3 when customer click for example in Sub2. Can you help me? How should I change my code?

 

Prestashop 1.7.2