最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > PrestaShop > PrestaShop教程 >

实现prestashop产品列表页输入购买数量

时间:2014-05-28 22:22来源:未知 作者:最模板zuimoban 点击:
prestashop 1.5版本产品详细页面,添加购物车时,可以输入产品数量,然后点击 add to cart按钮,加入多个同样的产品到购物车。 但是产品列表的页面,只有点击添加到购物车按钮,不能控制产品
prestashop 1.5版本产品详细页面,添加购物车时,可以输入产品数量,然后点击 add to cart按钮,加入多个同样的产品到购物车。
但是产品列表的页面,只有点击添加到购物车按钮,不能控制产品的数量,用户体验不好。其实这个功能还是比较容易实现的。
下面就给大家分享下具体方法:
1 .修改模板文件夹下的 product-list.tpl 添加 输入框
打开product-list.tpl 查找到 第二次 {if ($product.allow_oosp || $product.quantity > 0)} 在后面  添加代码
  1. <div style="padding: 10px 0;"><label>{l s='Quantity:'}</label>
  2. <input id="ajax_id_product_{$product.id_product|intval}" style="height: 20px;" type="text" name="qty_{$product.id_product|intval}" value="1" size="2" maxlength="3" /></div>
复制代码
.修改modules/blockcart/ajax-cart.js里的js代码
查找到 这段注释 //for every ‘add’ buttons…  和  //for product page ‘add’ button… 这段注释
将这两段注释之间的代码
  1. $('.ajax_add_to_cart_button').unbind('click').click(function(){
  2. var idProduct = $(this).attr('rel').replace('ajax_id_product_', '');
  3. if ($(this).attr('disabled') != 'disabled')
  4. ajaxCart.add(idProduct, null, false, this);
  5. return false;
  6. });
复制代码
换为
  1. $('.ajax_add_to_cart_button').unbind('click').click(function(){
  2. var idProduct = $(this).attr('rel').replace('nofollow', '').replace('ajax_id_product_', '');
  3. //edit paul for add to cart product qty
  4. var qty = 1;
  5. if(((parseInt($('#'+$(this).attr('rel')).val()) - 1) &gt; 0))
  6. qty = parseInt($('#'+$(this).attr('rel')).val())
  7. else
  8. qty = 1
  9. if ($(this).attr('disabled') != 'disabled')
  10. ajaxCart.add(idProduct, null, false, this, qty);
  11. return false;
  12. });
复制代码
果如下图
可输入产品数量
 

(责任编辑:最模板)
------分隔线----------------------------
栏目列表
推荐内容