Menu de Categorias em 3 Níveis

Snippet para listar as categorias da loja em 3 níveis


{#
# Listagem de categorias com 3 níveis
# elements/snippets/list_categories_thirdlvl.html
#}
<ul class="first-lvl">
    {% for category in categories %}
        {% if loop.index <= limit or not limit %}
            <li>
                <a href="{{ category.link }}">{{ category.name }}</a>
                {% if category.children  %}
                  <ul class="second-lvl">
                    {% for child in category.children %}
                        <li>
                             <a href="{{ child.link }}">{{ child.name }}</a>
                             {% if child.children  %}
                                {% for child in child.children %}
                                    <ul class="third-lvl">
                                        <li>
                                             <a href="{{ child.link }}">{{ child.name }}</a>
                                        </li>
                                    </ul>
                                {% endfor %}
                            {% endif %}
                        </li>
                    {% endfor %}
                  </ul>
                {% endif %}
            </li>
        {% endif %}
    {% endfor %}
</ul>

Exemplo

Como usar

Copie o código acima e crie um arquivo separado, ex: elements/snippets/list_categories_thirdlvl.html

Faça a chamada desse arquivo onde desejar:

{% element('snippets/list_categories_thirdlvl') %}