Création d'un bouton Ajouter au panier Prestashop

[Dan]

Bonjour à tous

Je vous envoie ce petit message car je bloque sur une petite problèmatique.

Je voudrais créer un bouton Ajouter au panier sur la page d'accueil pour l'un de mes produits.

Malheureusement, je n'arrive pas à trouver la bonne URL pour ajouter le produit dans mon panier.

Je me suis dit qu'il faudrait faire une requête GET comme celle-ci : http://monsite.com/panier?add=1&id_product=64

Malheureusement, mon panier ne reçoit pas l'info.

Je précise que je suis sur Prestashop 1.7.

 

Si quelqu'un a une solution, je suis preneur.

 

Merci d'avance,

Dan

[BeComWeb]

Bonjour

Le markup complet du bouton ?

[Dan]

il y a 13 minutes, BeComWeb a dit :

Bonjour

Le markup complet du bouton ?

Hello,

Oui, ce serait génial (je te donne le lien du produit si ça peut t'aider.

https://xn--no-uja.com/accueil/64-pur-powder.html

Je te remercie par avance.

[biogelix]

Va fouiller dans le code de presta pour voir comment il fait pour ajouter au panier et adapte le code à ton besoin

 

[Dan]

à l’instant, biogelix a dit :

Va fouiller dans le code de presta pour voir comment il fait pour ajouter au panier et adapte le code à ton besoin

 

Vraiment je me suis dit la même chose.

Donc j'ai été sur la page product.tpl.

Mais il n'y a aucun lien sur ce bouton, c'est uniquement un <button> avec des attributs spéciaux.

[biogelix]

C'est tout simplement car l'action est faite en AJAX, il faut que tu regardes du côté du JS pour savoir quelle page appeler et quels paramètres passés, pour ça voilà comment procéder : 

1. Va sur la page d'un produit
2. fait clic droit n'importe où -> inspecter l'élément -> Network
3. Appuie sur F5
4. Retournes sur la page produit et clique sur "Ajouter au panier" 
5. retourne voir ta console et regarde ce qui a été envoyé, une fois que tu as trouvé la bonne requête va dans "Header" pour voir ce qui a été envoyé

 

Tiens moi au courant

 

[Dan]

il y a 9 minutes, biogelix a dit :

C'est tout simplement car l'action est faite en AJAX, il faut que tu regardes du côté du JS pour savoir quelle page appeler et quels paramètres passés, pour ça voilà comment procéder : 

1. Va sur la page d'un produit
2. fait clic droit n'importe où -> inspecter l'élément -> Network
3. Appuie sur F5
4. Retournes sur la page produit et clique sur "Ajouter au panier" 
5. retourne voir ta console et regarde ce qui a été envoyé, une fois que tu as trouvé la bonne requête va dans "Header" pour voir ce qui a été envoyé

 

Tiens moi au courant

 

Bon bah je suis noyé.

Je me retrouve à des années lumières de la compréhension.

Alors de l'action, n'en parlons pas..

N'as-tu pas (par hasard) une ligne de code prédéfinie pour l'ajout au panier ?

Merci encore

[biogelix]

Tiens :

<script type="text/javascript">
ajaxCart.add(ID_PRODUCT , ID_ATTRIBUTE , AJOUTAPARTIRDELAFICHEPRODUIT , ELEMENT , QUANTITY , WISHLIST);
ajaxCart.refresh();
</script>

Element représente l'id de ton bouton "Ajout au panier"

[Dan]

à l’instant, biogelix a dit :

Tiens :

<script type="text/javascript">
ajaxCart.add(ID_PRODUCT , ID_ATTRIBUTE , AJOUTAPARTIRDELAFICHEPRODUIT , ELEMENT , QUANTITY , WISHLIST);
ajaxCart.refresh();
</script>

Element représente l'id de ton bouton "Ajout au panier"

Tu veux dire que je mets cette balise script (en modifiant évidemment les paramètres). Je précise l'ID de mon boutton et le tour est joué à chaque clic ?

Si c'est le cas, ce serait génial

[biogelix]

Oui c'est bien ça

 

[BeComWeb]

6 hours ago, Dan said:

Hello,

Oui, ce serait génial (je te donne le lien du produit si ça peut t'aider.

https://xn--no-uja.com/accueil/64-pur-powder.html

Je te remercie par avance.

 

Non, je voulais que tu postes le markup de ton bouton... 

Et sinon on dirait que @Doekia s'est fait un nouvel ami 

[Dan]

il y a 23 minutes, BeComWeb a dit :

 

Non, je voulais que tu postes le markup de ton bouton... 

Et sinon on dirait que @Doekia s'est fait un nouvel ami 

<button class="btn-center-img">Ajouter au panier</button>

 

Voila (rien de très extraordinaire).

Je cherchais justement ce que je devais faire pour relier ça à l'ajout à mon panier et de me rediriger vers le panier ^^.

 

Merci d'avance

[Dan]

Il y a 12 heures, biogelix a dit :

Oui c'est bien ça

 

Hello Biogelix,

Merci de ton aide.

Cependant, lorsque je fait ta méthode j'ai un ajaxCart is not defined...

Je ne sais plus quoi faire :'(

 

Merci encore de votre aide

[biogelix]

Tu la placé où le bout de code que je t'ai filé ?

 

 

Edited June 14, 2018 by biogelix (see edit history)