[Skip to main content](#vessel-content)

#   Bouton add to cart variantes

##

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago -  4 years 1 month ago [\#345588](#345588) by [Minie](/forum/user/43321-minie "View Minie's Profile")  *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345588 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")* was created by *[Minie](/forum/user/43321-minie "View Minie's Profile")*

Bonjour,

j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier

[ ![screen.png](/forum/attachment/55696) ](/forum/attachment/55696 "screen.png")

tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit

voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row Code:

$this-&gt;row = json_decode(json_encode($variant)); $this-&gt;ajax = 'if(hikashopCheckChangeForm(\'item\',\'hikashop_product_form\')){ return hikashopModifyQuantity(\'' . $this-&gt;row-&gt;product_id . '\',field,1' . $form . ',\'cart\'); } else { return false; }'; $this-&gt;setLayout('quantity'); echo $this-&gt;loadTemplate();

a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3

Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier
Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier

Merci d'avance pour votre clairvoyance ![:)](/media/kunena/emoticons/3.png ":)")

- [ ![screen.png](/forum/attachment/55696) ](/forum/attachment/55696 "screen.png") [ ](/forum/attachment/55696?download=1 "screen.png")

Last edit: 4 years 1 month ago by [Minie](/forum/user/43321-minie "View Minie's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14305
-
-

4 years 1 month ago [\#345600](#345600) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345600 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

Le champs quantité et le bouton d'ajout au panier doivent être dans un form propre à chaque élément du tableau avec comme action l'URL de l'ajout au panier, et dans ce form, il doit y avoir un champ caché avec l'id du produit à ajouter au panier. Aussi, le "a" du bouton doit avoir un attribut data-addToCart avec l'id du produit à ajouter.
C'est par exemple ce qu'il y a dans la vue product / add_to_cart_ajax.php pour l'ajout au panier sur les listings des produits.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago -  4 years 1 month ago [\#345657](#345657) by [Minie](/forum/user/43321-minie "View Minie's Profile")  Replied by *[Minie](/forum/user/43321-minie "View Minie's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345657 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

merci Nicolas, j'ai donc fait des modifications, je peux maintenant ajouter chaque produit, merci beaucoup ![:)](/media/kunena/emoticons/3.png ":)")

Un nouveau souci s'est créé avec les modifications, je ne peux plus ajouter des produits avec quantité minimum &gt; 2, j'ai pourtant bien la liaison qui est faite entre l'id du champ quantité et le bouton panier grâce à $attributes .= ' id="'.$this-&gt;last_quantity_field_id.'_add_to_cart_button"';

voici le nouveau code Code:

&lt;!-- ADD TO CART --&gt; &lt;?php if (empty($this-&gt;element-&gt;characteristics) &#124;&#124; $this-&gt;params-&gt;get('characteristic_display') != 'list') { ?&gt; &lt;?php $this-&gt;row = json_decode(json_encode($variant)); $classical_url = 'product&amp;task=updatecart&amp;add=1&amp;product_id='.$this-&gt;row-&gt;product_id; $attributes = ' class="' . $css_button . '" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="'.$this-&gt;row-&gt;product_id.'" data-addTo-div="'.$this-&gt;params-&gt;get('main_div_name').'" data-addTo-class="add_in_progress"'; ?&gt; &lt;div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"&gt; &lt;form action="&lt;?= $classical_url; ?&gt;" method="post" name="hikashop_product_form_&lt;?= $this-&gt;row-&gt;product_id; ?&gt;_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;?php $this-&gt;setLayout('show_quantity'); echo $this-&gt;loadTemplate(); ?&gt;&lt;input type="hidden" name="add" value="&lt;?php echo !$this-&gt;config-&gt;get('synchronized_add_to_cart', 0); ?&gt;"/&gt;&lt;?php if(!empty($this-&gt;last_quantity_field_id)) $attributes .= ' id="'.$this-&gt;last_quantity_field_id.'_add_to_cart_button"'; if(!empty($this-&gt;row-&gt;product_addtocart_message)) $content = JText::_($this-&gt;row-&gt;product_addtocart_message); else if(!empty($this-&gt;row-&gt;main-&gt;product_addtocart_message)) $content = JText::_($this-&gt;row-&gt;main-&gt;product_addtocart_message); else $content = JText::_('ADD_TO_CART'); echo $this-&gt;loadHkLayout('button', array( 'attributes' =&gt; $attributes, 'content' =&gt; $content, 'fallback_url' =&gt; hikashop_completeLink($classical_url))); ?&gt; &lt;/form&gt; &lt;/div&gt; &lt;?php } ?&gt; &lt;!-- EO ADD TO CART --&gt;

et deux html généré dans la liste, le deuxième est en min_quantity 2, et l'ajout au panier affiche un message d'erreur "pas assez de quantité selectionnée..." Code:

&lt;div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"&gt; &lt;form action="product&amp;task=updatecart&amp;add=1&amp;product_id=982" method="post" name="hikashop_product_form_982_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;div id="hikashop_product_quantity_field_2_area" class="input-prepend input-append hikashop_product_quantity_div hikashop_product_quantity_change_div_leftright "&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="-1" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_2');"&gt;&amp;ndash;&lt;/a&gt; &lt;/span&gt; &lt;input id="hikashop_product_quantity_field_2" type="text" value="1" onfocus="this.select()" class="hikashop_product_quantity_field" name="quantity" data-hk-qty-min="1" data-hk-qty-max="14" onchange="window.hikashop.checkQuantity(this);" /&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="1" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_2');"&gt;+&lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_field_2_buttons" class="hikashop_product_quantity_div hikashop_product_quantity_add_to_cart_div hikashop_product_quantity_add_to_cart_div_leftright"&gt;&lt;/div&gt; &lt;input type="hidden" name="add" value="1"/&gt; &lt;button type="button" class="btn" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="982" data-addTo-div="" data-addTo-class="add_in_progress" id="hikashop_product_quantity_field_2_add_to_cart_button" data-href="/fr/tous-les-produits/product/updatecart/add-1/cid-982"&gt;&lt;span&gt;Ajouter au panier&lt;/span&gt;&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"&gt; &lt;form action="product&amp;task=updatecart&amp;add=1&amp;product_id=983" method="post" name="hikashop_product_form_983_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;div id="hikashop_product_quantity_field_3_area" class="input-prepend input-append hikashop_product_quantity_div hikashop_product_quantity_change_div_leftright "&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="-2" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_3');"&gt;&amp;ndash;&lt;/a&gt; &lt;/span&gt; &lt;input id="hikashop_product_quantity_field_3" type="text" value="2" onfocus="this.select()" class="hikashop_product_quantity_field" name="quantity" data-hk-qty-min="2" data-hk-qty-max="16" onchange="window.hikashop.checkQuantity(this);" /&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="2" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_3');"&gt;+&lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_field_3_buttons" class="hikashop_product_quantity_div hikashop_product_quantity_add_to_cart_div hikashop_product_quantity_add_to_cart_div_leftright"&gt;&lt;/div&gt; &lt;input type="hidden" name="add" value="1"/&gt; &lt;button type="button" class="btn" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="983" data-addTo-div="" data-addTo-class="add_in_progress" id="hikashop_product_quantity_field_3_add_to_cart_button" data-href="/fr/tous-les-produits/product/updatecart/add-1/cid-983"&gt;&lt;span&gt;Ajouter au panier&lt;/span&gt;&lt;/button&gt; &lt;/form&gt; &lt;/div&gt;

pourtant l'id du deuxième bouton indique bien la pris en compte du champ quantity 3

Last edit: 4 years 1 month ago by [Minie](/forum/user/43321-minie "View Minie's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14305
-
-

4 years 1 month ago [\#345658](#345658) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345658 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

Dans data-addTo-div vous devez avoir l'id d'un div qui englobe la zone.
Idéalement, il faudrait mettre hikashop_product_quantity_main mais il faut que cet id soit unique, là vous avez le même id pour chaque produit, ce qui n'est pas possible.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago -  4 years 1 month ago [\#345661](#345661) by [Minie](/forum/user/43321-minie "View Minie's Profile")  Replied by *[Minie](/forum/user/43321-minie "View Minie's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345661 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

effectivement le data-addTo-div n'etait pas indiqué dans la variable attributes puisque $this-&gt;params-&gt;get('main_div_name'), sortit de son contexte, n'avait plus de valeur.

Mais j'ai toujours le même souci avec le code corrigé comme ceci : Code:

&lt;!-- ADD TO CART --&gt; &lt;?php if (empty($this-&gt;element-&gt;characteristics) &#124;&#124; $this-&gt;params-&gt;get('characteristic_display') != 'list') { ?&gt; &lt;?php $this-&gt;row = json_decode(json_encode($variant)); $classical_url = 'product&amp;task=updatecart&amp;add=1&amp;product_id='.$this-&gt;row-&gt;product_id; $attributes = ' class="' . $css_button . '" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="'.$this-&gt;row-&gt;product_id.'" data-addTo-div="hikashop_product_quantity_main_'.$this-&gt;row-&gt;product_id.'" data-addTo-class="add_in_progress"'; ?&gt; &lt;div id="hikashop_product_quantity_main_&lt;?= $this-&gt;row-&gt;product_id; ?&gt;" class="hikashop_product_quantity_main"&gt; &lt;form action="&lt;?= $classical_url; ?&gt;" method="post" name="hikashop_product_form_&lt;?= $this-&gt;row-&gt;product_id; ?&gt;_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;?php $this-&gt;setLayout('show_quantity'); echo $this-&gt;loadTemplate(); ?&gt;&lt;input type="hidden" name="add" value="&lt;?php echo !$this-&gt;config-&gt;get('synchronized_add_to_cart', 0); ?&gt;"/&gt;&lt;?php if(!empty($this-&gt;last_quantity_field_id)) $attributes .= ' id="'.$this-&gt;last_quantity_field_id.'_add_to_cart_button"'; if(!empty($this-&gt;row-&gt;product_addtocart_message)) $content = JText::_($this-&gt;row-&gt;product_addtocart_message); else if(!empty($this-&gt;row-&gt;main-&gt;product_addtocart_message)) $content = JText::_($this-&gt;row-&gt;main-&gt;product_addtocart_message); else $content = JText::_('ADD_TO_CART'); echo $this-&gt;loadHkLayout('button', array( 'attributes' =&gt; $attributes, 'content' =&gt; $content, 'fallback_url' =&gt; hikashop_completeLink($classical_url))); ?&gt; &lt;/form&gt; &lt;/div&gt; &lt;?php } ?&gt; &lt;!-- EO ADD TO CART --&gt;

le html généré Code:

&lt;div id="hikashop_product_quantity_main_982" class="hikashop_product_quantity_main"&gt; &lt;form action="product&amp;task=updatecart&amp;add=1&amp;product_id=982" method="post" name="hikashop_product_form_982_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;div id="hikashop_product_quantity_field_2_area" class="input-prepend input-append hikashop_product_quantity_div hikashop_product_quantity_change_div_leftright "&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="-1" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_2');"&gt;&amp;ndash;&lt;/a&gt; &lt;/span&gt; &lt;input id="hikashop_product_quantity_field_2" type="text" value="1" onfocus="this.select()" class="hikashop_product_quantity_field" name="quantity" data-hk-qty-min="1" data-hk-qty-max="14" onchange="window.hikashop.checkQuantity(this);" /&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="1" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_2');"&gt;+&lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_field_2_buttons" class="hikashop_product_quantity_div hikashop_product_quantity_add_to_cart_div hikashop_product_quantity_add_to_cart_div_leftright"&gt;&lt;/div&gt; &lt;input type="hidden" name="add" value="1"/&gt; &lt;button type="button" class="btn" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="982" data-addTo-div="hikashop_product_quantity_main_982" data-addTo-class="add_in_progress" id="hikashop_product_quantity_field_2_add_to_cart_button" data-href="/fr/tous-les-produits/product/updatecart/add-1/cid-982"&gt;&lt;span&gt;Ajouter au panier&lt;/span&gt;&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_main_983" class="hikashop_product_quantity_main"&gt; &lt;form action="product&amp;task=updatecart&amp;add=1&amp;product_id=983" method="post" name="hikashop_product_form_983_hikashop_category_information_module_" enctype="multipart/form-data"&gt; &lt;div id="hikashop_product_quantity_field_3_area" class="input-prepend input-append hikashop_product_quantity_div hikashop_product_quantity_change_div_leftright "&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="-2" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_3');"&gt;&amp;ndash;&lt;/a&gt; &lt;/span&gt; &lt;input id="hikashop_product_quantity_field_3" type="text" value="2" onfocus="this.select()" class="hikashop_product_quantity_field" name="quantity" data-hk-qty-min="2" data-hk-qty-max="16" onchange="window.hikashop.checkQuantity(this);" /&gt; &lt;span class="add-on"&gt; &lt;a class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" data-hk-qty-mod="2" onclick="return window.hikashop.updateQuantity(this,'hikashop_product_quantity_field_3');"&gt;+&lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;div id="hikashop_product_quantity_field_3_buttons" class="hikashop_product_quantity_div hikashop_product_quantity_add_to_cart_div hikashop_product_quantity_add_to_cart_div_leftright"&gt;&lt;/div&gt; &lt;input type="hidden" name="add" value="1"/&gt; &lt;button type="button" class="btn" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addToCart="983" data-addTo-div="hikashop_product_quantity_main_983" data-addTo-class="add_in_progress" id="hikashop_product_quantity_field_3_add_to_cart_button" data-href="/fr/tous-les-produits/product/updatecart/add-1/cid-983"&gt;&lt;span&gt;Ajouter au panier&lt;/span&gt;&lt;/button&gt; &lt;/form&gt; &lt;/div&gt;

Last edit: 4 years 1 month ago by [Minie](/forum/user/43321-minie "View Minie's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14305
-
-

4 years 1 month ago [\#345662](#345662) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345662 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Le code à l'air bien. Il faudrait que je regarde la situation directement sur la page pour étudier ce qu'il se passe.
Pourriez-vous fournir l'URL ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago [\#345675](#345675) by [Minie](/forum/user/43321-minie "View Minie's Profile")  Replied by *[Minie](/forum/user/43321-minie "View Minie's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345675 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Je viens d'envoyer le lien en privé via le formulaire de contact.

Merci beaucoup

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14305
-
-

4 years 1 month ago [\#345680](#345680) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345680 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

Je me suis trompé au sujet de data-addTo-div
Il faut y mettre le name du form qui englobe la zone.

Notez que dans l'option "Characteristics selection method" de la configuration HikaShop vous avez le choix "list". En sélectionnant ce choix, le système affichera automatiquement un listing des variantes sur la page produit, avec un bouton d'ajout au panier par variante si l'ajout au panier est disponible pour la variante. Donc exactement ce que vous avez développé là. Je n'avez pas compris dans votre premier message que vous essayiez de faire la même chose ![:/](/irritated.gif ":/")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago [\#345686](#345686) by [Minie](/forum/user/43321-minie "View Minie's Profile")  Replied by *[Minie](/forum/user/43321-minie "View Minie's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345686 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Bonjour,

ca fonctionne maintenant, merci beaucoup.

Comment dire .. je suis dégoutée :woohoo: Si j'avais su je me serais épargnée pas mal de temps de développement, et le résultat serait bien plus propre !

C'est vrai que hikashop est tellement complet que même si nous l'utilisons depuis des années nous ne l'avons toujours pas exploré entièrement. Peut être puis- je me consoler en me disant que mon client voulait plusieurs mises en page différentes pour ses produits à gérer lui même par produit ou catégories dans hikamarket (ce que nous avons développé aussi du coup) donc si l'option se trouve dans la config hikashop, elle s'appliquerait à tous les produits.

En tout cas merci beaucoup, nous chercherons plus longtemps dans les options avant de développer :lol:

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14305
-
-

4 years 1 month ago [\#345688](#345688) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345688 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

En effet, Cela s'appliquerait à tous les produits. Donc il aurait quand même fallu faire un peu de développement pour changer le mode d'affichage en fonction du produit.

Ce que je recommande, c'est que si vous pensez qu'il va falloir faire un développement conséquent comme ici, faites nous un message pour présenter la problématique et ce que vous voulez faire. Nous pourrons vous dire si c'est une bonne idée, ou s'il y a plus simple, etc.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Minie](/forum/user/43321-minie "View Minie's Profile")**
- [![Minie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar43321.jpg)](/forum/user/43321-minie "View Minie's Profile") Topic Author
- [ Offline](/forum/user/43321-minie)

Less More

- Posts: 511
- Thank you received: 37
-
-
-

4 years 1 month ago [\#345704](#345704) by [Minie](/forum/user/43321-minie "View Minie's Profile")  Replied by *[Minie](/forum/user/43321-minie "View Minie's Profile")* on topic *[Bouton add to cart variantes](/forum/5-support-en-francais-french-support-/905162-bouton-add-to-cart-variantes#345704 "Bonjour,  j'ai modifié la vue produit avec une liste des variantes disponibles et pour chacune d'elles les caractéristiques, un bouton de quantité et d'ajout au panier  tout est ok y compris l'indentation dans le champ quantité sauf le bouton d'ajout au panier qui n'ajoute que la caractéristique de la page actuelle et non celle avec l'id dans le lien du bouton, pourtant le html généré des boutons sont ok avec le bon ID de produit  voici le bout de code qui génère le champ quantité et le bouton, j'ai juste changé la valeur de this-row  a l'inspection le html des boutons portent bien chacun l'id de sa variante, en théorie tout est ok, sauf au test, le produit ajouté n'est pas le bon, exemple, mon produit main (1) a deux variantes 2(default) et 3  Si je suis sur la page 2, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 2 au panier Si je suis sur la page 3, ma liste comporte bien les bouton avec l'id 2 et le bouton avec l'id 3, mais peut importe sur lequel je clique, j'ajoute 3 au panier  Merci d'avance pour votre clairvoyance :)")*

Merci beaucoup, je prendrais donc plutôt ce chemin avec plaisir paracerque ce n'est pas la première fois que je prends des chemins détournés alors que des solutions sont déjà prévues dans hikashop ![:)](/media/kunena/emoticons/3.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTA1MTYyLWJvdXRvbi1hZGQtdG8tY2FydC12YXJpYW50ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.075 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
