jQuery漂亮的响应式网页商品点击添加购物车代码

所属分类：输入,其他,导航-自动完成,杂项

76511 504 查看评论 (41)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery+HTML5加入购物车代码，支持累加计价、响应式网页。

使用方法

在页面中引入css和js文件。

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.11.3.min.js"></script><script src="js/shop.min.js"></script>

<script>
$('body').ctshop({
  currency: '$',
  paypal: {
currency_code: 'EUR'
  }
});
</script>

HTML结构

使用一个<div>元素作为图片的容器。

<div class="col-sm-4">
  <div class="ct-product">
<div class="image"><img src="images/product-02.jpg" alt=""></div>
<div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i class="fa fa-shopping-cart"></i></a>
  <h2 class="ct-product-title">Cherry Straws</h2>
  <p class="ct-product-description">A very delicious macaroons ...</p><span class="ct-product-price">$34.99</span>
</div>
  </div>
</div>

修改结帐后连结网站

在shop.min.js文件中找到下方文字，改成您的网站就可以了