shopnc手机版列表页快速添加到购物车按钮
shopnc的商品列表页,并没有快速将商品添加到购物车的按钮。
1、制作购物车图标 上传至:wap/images 目录下
2、修改wap/css/child.css文件
新增:
.pdlist-iw-cart{float: right;width: 32px;height: 32px; padding:34px 0;display: block; cursor: pointer;} .pdlist-iw-cart img{width: 32px;height: 32px;} .pdlist-item .add-to-cart{ background: #fff; }
2016-01-06修改--解决部分浏览器及微信内总是点不上的错误
.pdlist-iw-cart{float: right;width: 32px;height: 100px; display: block; cursor: pointer;} .pdlist-iw-cart img{width: 32px;height: 100px;} .pdlist-item .add-to-cart{ background: #fff; }
图片使用:
3、修改wap/tmpl/go_store.html文件
在
<li class="pdlist-item" goods_id="<%=goods_list[i].goods_id;%>">
下,增加
<div class="pdlist-iw-cart add-to-cart" data-param="<%=goods_list[i].goods_id;%>"> <img src="../images/list-tocart.png"/> </div>
2016-01-06修改--解决部分浏览器及微信内总是点不上的错误
<div class="pdlist-iw-cart add-to-cart" data-param="<%=goods_list[i].goods_id;%>"> <img src="../images/list-tocart.jpg"/> </div>
在
<script type="text/javascript" src="../js/tmpl/product_list.js"></script>
下,增加:
<script type="text/javascript" src="../js/tmpl/list_product_detail.js"></script>
4、wap/js/tmpl/ 新增list_product_detail文件
见附件:
<< 上一篇