Display product categories with child

From the documentation:

[for each=category parents=true]
  Parent: [each link]
  [-for each=child]
    Child: [each link]
  [/-for]
[/for]

Yes, I have already checked this solution. Unfortunately it shows categories and child in hierarchical order like in the admin panel. However, I want to show all the combinations, like I mentioned before:

– Category A | Line Asd
– Category A | Line Bnm

NOT:
-Category A
|– Line Asd
|– Line Bmn

Then use variables:

[for each=category parents=true]
  [set var][each link][/set]
  [-for each=child]
    [get var] | [each link]
  [/-for]
[/for]

Thank you, it works!

I have made some customisation:

<div class="category-box">[for each=product_cat parents=true]
[set var][each link][/set]
[-for each=child]
<div class="category-item">
<div class="child-cat-name">[each link]</div>
<div class="main-cat-name">[get var]</div>
</div>
[/-for]
[/for]
</div>

Can I add also info about number of products in given product category?
And how to link (href) whole “category-item” div to child category?

• This reply was modified 4 years ago by devpat.

[for each=category parents=true]
  [set var][each link][/set]
  [-for each=child]
    [get var] | [each link] | [each count] | [each link]
  [/-for]
[/for]

Thank you – product count works great.

But how to href my whole div.category-item?
I try simple a href, but it doesn’t work.

<a href="">
<div class="category-item">
<div class="child-cat-name">[each link]</div>
<div class="main-cat-name">[get var]</div>
</div>
</a>