Discussion :

[Hadafang]

Bonjour à tous,

Je bloque actuellement sur un problème, je n'arrive pas à trouver la solution. J'ai une page de produit faites avec le système de cart sur bootstrap qui se présente comme ceci (cf la capture d'écran)


Le problème qui se pose, c'est qu'une fois que j'ai ajouté un produit dans le panier, il faudrait que la cart soit désactivée, afin qu'on ne puisse plus ajouter le produit si ce dernier est présent dans le panier. Pour ce qui est du traitement, de ce côté là, j'ai réussi à faire ce que je voulais, je bloque vraiment sur ce point qui peut paraître bête au final ... Voici le code que j'ai produit jusqu'ici :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<section class="col-md-12">
    <div class="row">
        {% for row in products|batch(4) %}
            <div class="card-deck">
                {% for product in row %}
                <div class="card mb-4">
                    <img src="{{ product.image_file }}" class="card-img-top" style="max-height: 250px;" alt=""/>
                    <div class="card-body">
                        <h5 class="card-title">{{ product.name }}</h5>
                        <p class="card-text">
                            {{ product.description }}
                        </p>
                    </div>
                    <div class="card-footer text-center">
                        {{ form.start({action:generate('technicien_carts_add')}) }}
                            {{ tag.input({type:'hidden', name:'product_id', value: product.id}) }}
                            {{ tag.input({type:'number', name:'quantity', class:'d-inline w-50'}) }}
                            <button type="submit" name="remove" class="btn btn-primary"><i class="fas fa-cart-plus"></i></button>
                        {{ form.end() }}
 
 
                    </div>
                </div>
                {% endfor %}
            </div>
        {% else %}
            <div class="col-md-12">
                <p class="text-center lead">Aucun produit trouvé !</p>
            </div>
        {% endfor %}
    </div>
    {{ viewPagerfantaHtml | raw }}
</section>

En vous remerciant d'avance pour votre aide !

[-Rpass-]

Il faut que dans ta vue tu aies acces aux articles du panier de l'utilisateur. A l'affichage tu testes si le produit est déjà présent dans le panier, dans ce cas tu ne l'affiches pas dans la liste.
Ce test tu peux le faire directement dans la vue (mais assez lourd), ou alors dans le controlleur tu tagues les produits qui sont déjà dans le panier, pour limiter les conditions dans ta vue twig.

[Hadafang]

Tu as raison, je ne vais pas le faire dans le twig, ça va surcharger la vue et ce n'est vraiment pas propre. Je vais gagner mon temps en passant par le controller !