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

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

 12705  75  查看评论 (12)
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搜索框提示,autocomplete输入框文字提示,搜索框提示文字,搜索框提示代码,搜索框提示功能
  自动完成
 14339  56

jQuery自动完成插件flexselect

flexselect是一个jQuery插件,它将帮助您自动完成所要输入的信息。
  自动完成
 15402  40

jQuery自动补全插件completer

jQuery自动完成自动补全插件completer
  自动完成
 7478  79

输入框自动提示,字母小写转大写

输入框输入车牌号,根据首字母自动提示车牌所属省份信息,并能自动字母小写转大写,限制输入长度
  自动完成
 2460  14

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

    叶舞飘零乱 0
    2017/1/12 20:01:29

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

    回复
    抽离 0
    2017/1/12 20:01:25

    作者大神如何获取我加入购物车的对象,以及如何获取总价,,,,,我看你在js里用字符串的拼接,可是没给总价标签取id,,,我又不知道如何加一个id  求解答。。。我要跟后台进行交互的,,

    回复
    zdd4479 0
    2017/1/10 14:01:20
    结算后提交到服务端的数据时什么呢? 回复
    周明星 0
    2016/12/27 16:12:07

    左侧调整数量的按钮太小不好按,建议改成其他形式的

    回复
    wu~li 宝宝 0
    2016/12/26 18:12:16

    效果看着很不错

    回复
    我是最可爱的刘可爱啊 0
    2016/12/21 10:12:26

    感觉真的挺不错的啊

    回复
    双鱼座的spring 0
    2016/11/10 14:11:17
    左侧列表每个产品价格都是$怎么改成¥,其他地方的$我都改好了,求大神帮忙!! 回复
    天堂使者 0
    2016/10/13 20:10:38
    这个jq代码谁能写出来啊,能帮忙写一下么?我想看看,这个是优化过的看不懂啊!求各位大神帮帮忙! 回复
    断了过去 0
    2016/10/13 14:10:31
    捭阖 0
    2016/10/10 12:10:08
    想试试这个插件,不知道风格是否可以自行更改
        wu~li 宝宝0
        2016/12/26 18:12:13

        如果跟你的页面很搭,自己也可以改啊,

    回复
取消回复
    PROMULGATOR

    koko78419

    台湾省