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

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

 36599  163  查看评论 (28)
jQuery漂亮的响应式网页商品点击添加购物车代码 ie兼容10

使用方法

在页面中引入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文件中找到下方文字,改成您的网站就可以了

i.attr("action","http://www.jq22.com/")


相关插件-自动完成,杂项

jQuery计算器插件jQuery SimpleCalculadora

jQuery计算器插件jQuery SimpleCalculadora
  自动完成
 8398  22

jQuery实现仿搜索引擎文本框自动补全插件

jQuery实现仿搜索引擎文本框自动补全插件
  自动完成
 12700  91

input改变vlue内容实时放大回显

一般为输入金额时使用,带三位数逗号分隔功能,简洁易用
  自动完成
 2667  27

剩余字数

1.实时计算剩余字数; 2.超过最大字数输入无效; 3.兼容手机输入; 4.jQuery版;
  自动完成
 9334  76

讨论这个项目(28)回答他人问题或分享插件使用方法奖励jQ币

    天街小雨润如酥 0
    2018/2/12 17:53:57
    没有jq币能发一份给我么?
    回复
    ckhung93 0
    2017/12/13 11:12:08
    加多宝 0
    2017/11/27 15:17:31

    顶一个,效果不错

    回复
    葛家伟 0
    2017/11/26 13:56:25
    厉害了!!!!!!!!!!!!!!!! 回复
    rootxi 0
    2017/9/22 21:28:05

    不知道该怎么获取添加的商品对象和数据,作者大神能不能告诉怎么获取啊

    回复
    ┿无处安放的青春。 0
    2017/9/19 11:21:42
    应该不错应该不错应该不错应该不错应该不错应该不错 回复
    陌生丶 0
    2017/5/11 17:27:00

    为什么导入之后点击同一个商品  不能叠加了   不是原来的×2  而是两个相同的产品

    回复
    遇见_Aurora 0
    2017/5/7 8:35:51
    Mesaki 0
    2017/5/6 11:59:43

    请问下如何讲数据传送到服务端?有人写了php的文件吗?

        ckhung930
        2017/12/13 11:13:03

        么欧~~

    回复
    ?的另一端 0
    2017/4/25 15:04:57
取消回复