Bonjour, à coté de barre de recherches j'aimerai avoir 4 produit sans changé la taille des produits quand je fait d-flex çà marches sans changé la tailles des produits mais le probléme à chaque fois que à l'administration j'ajoute un nouveau produit çà met à coté et pas en bas et moi j'aimerai que aprés 4 produit le 5émé produit il me la met à la ligne d'en bas

        <div class="col-md-3 azerr">
            <h3>Filtrer</h3>
            {{ form (form)}}

        </div>
            <div class="col-md-9">
                <h3>Nos produits</h3>

                <div class="row">
                        {% for product in products %}
                    <div class="col-md-4 product-text">
                        {% include 'product/single_product.html.twig'%}

                            <a href="{{ path('app_cart') }}" class="product-cart">
                                <img src="{{ asset('img/shopping-cart.png') }}" class="cart-icon" alt="Mon panier">
                            </a>
                            <a href="{{ path ('app_product', {'slug': product.slug} )}}" class="btn btn-primary text-bouton"> Voir description du produit</a>                   
                    </div>
                        {% endfor %}
                </div>
            </div>
        </div>
    </div>

Ce que je veux

j'aimerai que aprés 4 produit le 5émé produit il me la met à la ligne d'en bas

1 réponse


Salut,
Je pense que le tiltre batch de twig est fait pour toi... ==> https://twig.symfony.com/doc/3.x/filters/batch.html
Un truc du genre:

{% for product in products |batch(3, null) %}
<div class="row">
{% for row in product %}
<div class="col-md-4 product-text">
[...]
</div>
{% endfor %}
<div>
{% endfor %}