Ajouter un div après chaque élément 3d twig boucle, le module

Salut si j'ai cette brindille boucle, et ce que j'ai à faire est après chaque 3ème élément à ajouter un peu de html pour fermer div ligne et d'ouvrir une nouvelle.

J'ai essayé avec divers extraits de ce site web, mais pas de chance avec l'un d'eux

<div class="row">
    {% for date, date_info in dates %}
        <div class="col-sm-4">
            <div class="event-box">
                {% for category in date_info.events %}
                    {% for event in category %}
                        <div class="event-header">
                            {% if event.get_runtime( 'content_img_url' ) is empty %}
                                {{ event | avatar( [
                                'post_thumbnail',
                                'location_avatar',
                                'category_avatar'
                                ]) | raw }}
                            {% endif %}
                            <div class="event-date">
                                {{ date | month }}
                                {{ date | day }}
                            </div>
                            <div class="event-footer">
                                <h3>{{ event.get_runtime( 'filtered_title' ) | raw }}</h3>
                                <div class="event-time">
                                    {{ event | timespan( 'short' ) | raw }}...
                                </div>
                                <div class="event-content"> {{ event.get_runtime( 'filtered_content' ) | slice(0,200) | raw }}</div>

                                <a  class="btn btn-success" href="{{ event.get_runtime( 'instance_permalink' ) | e('html_attr') }}">
                                    {{ text_read_more }}
                                </a>
                            </div>
                        </div>
                    {% endfor %} {# event in category #}
                {% endfor %} {# category in date_info.events #}
            </div>
        </div>
    {% endfor %} {# date, date_info in dates #}
</div>

Je ne vois pas de tenter ici. Avez-vous essayé le batch filtre?
Votre question est trop longue pour la question que vous vous posez. S'il vous plaît, envisagez de le raccourcir. Plein fragment de code HTML me semble inutile.

OriginalL'auteur Alex | 2014-09-01

23

Vous pouvez utiliser le lot filtre à la place (de Nouveau dans 1.12.3).
```
{% for date, date_info in dates|batch(3) %}
   .....
   .....
{% endfor %}
```
Ce doit être la accepté de répondre maintenant.
Yup! C'est étonnant et fonctionne très bien. Bien plus utile.
C'est une excellente solution.

OriginalL'auteur albertski

Ai eu à travailler avec {% si la boucle.l'indice est divisible par(3) et pas de boucle.dernière %}.

Voici mon code de travail exemple :

<div class="row">

    {% for date, date_info in dates %}
        <div class="col-sm-4">
            <div class="event-box">
                {% for category in date_info.events %}
                    {% for event in category %}
                        <div class="event-header">
                            {% if event.get_runtime( 'content_img_url' ) is empty %}
                                {{ event | avatar( [
                                'post_thumbnail',
                                'location_avatar',
                                'category_avatar'
                                ]) | raw }}
                            {% endif %}
                            <div class="event-date">
                                {{ date | month }}
                                {{ date | day }}
                            </div>
                            <div class="event-footer">
                                <h3>{{ event.get_runtime( 'filtered_title' ) | raw }}</h3>

                                <div class="event-time">
                                    {{ event | timespan( 'short' ) | raw }}...
                                </div>
                                <div class="event-content"> {{ event.get_runtime( 'filtered_content' ) | slice(0,200) | raw }}</div>

                                <a class="btn btn-success"
                                   href="{{ event.get_runtime( 'instance_permalink' ) | e('html_attr') }}">
                                    {{ text_read_more }}
                                </a>
                            </div>
                        </div>
                    {% endfor %} {# event in category #}
                {% endfor %} {# category in date_info.events #}
            </div>
        </div>

        {% if loop.index is divisibleby(3) and not loop.last %}
        </div>

        <div class="row">

        {% endif %}

    {% endfor %} {# date, date_info in dates #}

</div>

Je pense que ce n'est pas tout à fait correcte. Si vous avez 3 articles ceci permettra à l' "<div class="row">" ouvrir. Vous devez fermer le div en dehors de la boucle et d'ajouter "et pas de boucle.dernier" dans la condition "if" pour éviter cela.

OriginalL'auteur Alex

Je pense que c'est la meilleure solution:

{% for date, date_info in dates %}
   {% if loop.first %}
      <div class="row"> {# open row #}
   {% endif %}


       {# your code here #}


    {% if loop.index % 3 == 0 %}
        </div><div class="row"> {# after 3 iterates close row and open new #}
    {% endif %}                
    {% if loop.last %}
        </div> {# close last row #}
    {% endif %}
{% endfor %}

Cette réponse pourrait être bon, mais pourriez-vous ajouter une explication de ce qu'il fait et pourquoi il est susceptible de résoudre la Fpo problème?
Le code est auto-explicatif, c'est une meilleure réponse.

OriginalL'auteur fafii

7

Dans la lecture de ce doc : http://twig.sensiolabs.org/doc/tags/for.html#the-loop-variable

Je vais essayer ce genre de code :
```
{% for date, date_info in dates %}
   {% if  loop.index % 3 == 0 %}
       {# put your code to close your div #}
   {% endif %}
{% endfor %}
```
C'est exact, mais loop.index % 3 == 0
Merci ^^

OriginalL'auteur Pimento Web

Vous devez vous connecter pour publier un commentaire.