首 页  >>  E商学院  >>  zencart百科  >>  ZenCart购物车实现加减框

ZenCart购物车实现加减框

zencart的产品详细页面客户体验是非常不好,为此提供一个数量框加减的办法:

进入includes\templates\你的模板\templates\tpl_product_info_display.php

找到<!--bof Add to Cart Box -->

 

在前面加上脚本引用

 

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  //如果网站已引用此库,可以将这一行删掉   
  2. <script>   
  3. $(function(){   
  4.     var t = $("#text_box");   
  5.     $("#add").click(function(){        
  6.         t.val(parseInt(t.val())+1)   
  7.         if (parseInt(t.val())!=1){   
  8.             $('#min').attr('disabled',false);   
  9.         }   
  10.            
  11.     })     
  12.     $("#min").click(function(){   
  13.         t.val(parseInt(t.val())-1)   
  14.         if (parseInt(t.val())==1){   
  15.             $('#min').attr('disabled',true);   
  16.         }   
  17.         if(parseInt(t.val())==0){   
  18.             alert("Quantity can not be less than 1 !");   
  19.             t.val(parseInt(t.val())+1)   
  20.         }   
  21.            
  22.     })   
  23.   
  24. })   
  25. </script>  

接着找到:

  1. // show the quantity box   
  2.     $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);   
  3.             }  

替换成

  1. // show the quantity box   
  2.     $the_button = '<input id="min" name="" type="button" value="-" /><input id="text_box" style="height:20px; font-size:15px; text-align:center; font-weight:bold;border: 2px solid #333333;" type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><input id="add" name="" type="button" value="+" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);   
  3.             }  

下面是效果图:


zencart设置购物车加减框

 插件直接下载地址百度盘:链接:http://pan.baidu.com/s/1pJqHHPp 密码:mdmx


点击次数:1418  发布日期:2014-05-22  【打印此页】  【关闭