Nested arrays with 4 levels using Symfony

Question

This array is output from my php by sending to Symfony.

In the .twig file I am not able to assemble a code for correct display, it displays only the first and second level of the array, how do I display the third and fourth level as well? My .twig looks like this:

{% if categories %}
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        {% for category in categories %}
        {% if category.children %}
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown"><b>
          <div style="font-size: 15px;">{{ category.name }}</div>
          </b></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a>
                  <ul class="dropdown-menu sub-menu dropdown-inner">
                    {% for child2 in children2 %}
                    <li> <a href="{{ child2.href }}" >{{ child2.name }}</a> // level 3 here -> no works </li>
                    {% endfor %}
                  </ul>
                </li>
                {% endfor %}
              </ul>
              {% endfor %} </div>
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
        </li>
        ....
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
      </ul>
    </div>
  </nav>
</div>
{% endif %}

An example of how output should be would be like this.

Localizar Peças -> GM (Chevrolet) -> Agile -> Capô

But the way it is, I can only display it in .twig / html here.

Localizar Peças -> GM (Chevrolet)

I need someone to help me understand what I'm doing wrong, because, in the example above, it still does not show the third level of the array. I think I'm looping incorrectly.

Ok, I removed the duplication and left only this, which is easier to understand. Thank you. — Anderson
– Anderson, Commented Nov 7, 2017 at 16:01

Ciryk Popeye · Accepted Answer · 2017-11-07 13:50:47Z

2

You're not looping the right variables. In your example children is not known as you didn't set it yet.

You could do as followed:

{% for category in categories%}
 {% for child in category.children %}
  {{ child.name }}
 {% endfor %}
{% endfor %}

Or

{% for category in categories %}
 {% set children = category.children %}
 {% for child in children %}
  {{ child.name }}
 {% endfor %}
{% endfor %}

The second method is using set to assign the children variable to category.children. Only now you can iterate over these.

To have 4 or unlimited loops over your templates until no more children f.e. you'll have to call the same twig template from within the template like this: Category.html.twig

{% for child in category.children %}
  {% include "Category.html.twig" with { "category": child } %}
{% endfor %}

This will continue looping until all categories are looped and their children, this works because I'm passing the variable category as the child which will then be used in the next call of the twig file. So the child becomes the new category variable.

answered Nov 7, 2017 at 13:50

Ciryk Popeye

15410 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anderson Over a year ago

I must be doing something wrong yet. I can not display the third level.

Collectives™ on Stack Overflow

Nested arrays with 4 levels using Symfony

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related