shopnc手机版列表页快速添加到购物车按钮

shopnc的商品列表页,并没有快速将商品添加到购物车的按钮。

1、制作购物车图标 list-tocart.png 上传至: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; }

图片使用:

list-tocart.jpg



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文件

见附件:

list_product_detail.rar


关键词:shopnc