Site icon Freelance Expert PrestaShop – WordPress – WooCommerce : Arnaud Merigeau

Ajouter le champ quantité dans la liste produit de PrestaShop

Techniquement, je n’ai pas posté ce mardi comme convenu mais la journée n’est pas terminée et je publie tout de même un post, qui je l’espère aidera ceux qui se posent la question : comment ajouter le choix des quantités dans la liste des produits de PrestaShop ?

 
La manipulation n’est pas tellement compliquée et fonctionne sur la version 1.4.9.0 de PrestaShop sans problème – oui, des projets e-commerce se déploient encore sur la 1.4 du fait de sa robustesse et de la diversité des modules présents pas toujours développés sur la 1.5 à ce jour.
 
Dans l’ordre :
Etape 1. Copiez le fichier www/modules/blockcart/ajax-cart.js à l’emplacement suivant www/themes/votrethème/js/modules/blockcart/ajax-cart.js
 
Etape 2. Dans le fichier www/themes/votrethème/product-list.tpl ajoutez après :

{if ($product.allow_oosp || $product.quantity > 0)}

le code suivant…
{l s='Quantity :'}
<input id="quantity_wanted_{$product.id_product|intval}" type="text" name="ajax_qty_to_add_to_cart[{$product.id_product|intval}]" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}1{/if}" size="2" maxlength="3" />

 
Etape 3. Dans le fichier www/themes/votrethème/js/modules/blockcart/ajax-cart.js remplacez :
ajaxCart.add(idProduct, null, false, this);
par...

ajaxCart.add(idProduct, null, false, this, $('#quantity_wanted_'+idProduct).val());

 
Etape 4. Dans le fichier www/themes/votrethème/product-list.tpl ajoutez ces lignes au-début du fichier :
{literal}
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$(".ajax_add_to_cart_button").click(function(){
var f=$(this).attr('href');
var id = f.split('&')[1].split('=')[1];
var p="#quantity_wanted_"+id;
var qty=$(p).attr('value');
g=f+"&qty="+qty;
window.location=''+g;
return false;
});
});

// ]]></script>
{/literal}

Aperçu du champ quantité dans le product-list.tpl

 
C’est terminé ! La page catégorie de votre boutique PrestaShop affiche désormais une liste de produits avec la possibilité de choisir les quantités sans avoir à rentrer dans la fiche produit 🙂
Et vous, avez-vous une astuce du type à proposer ?
 

Quitter la version mobile