javascript 添加到购物车商店脚本

Posted 2021-05-04

//ADD TO CART
$(document).on('submit', '.product-list form.addtocart', function () {
    var f = $(this);

    f.find('.adding2cart').addClass('icon16 loading').show();
    if (f.data('url')) {
        var d = $('#dialog');
        var c = d.find('.cart');
        c.load(f.data('url'), function () {
            f.find('.adding2cart').hide();
            c.prepend('<a href="#" class="dialog-close">&times;</a>');
            d.show();
        });
        return false;
    }

    $.post(f.attr('action') + '?html=1', f.serialize(), function (response) {

        f.find('.adding2cart').hide();
        
        if (response.status == 'ok') {
            var cart_total = $(".js-cart-total");
            var cart_count = $(".cart-count");

            cart_total.closest('#cart').removeClass('empty');
            cart_count.length
                ? cart_count.text(response.data.count)
                : $('<span class="cart-count">').text(response.data.count).appendTo('.cart-summary');

            // flying cart
            var origin = f.closest('li');
            var block = $('<div></div>').append(origin.html());
            block.css({
                'z-index': 100500,
                background: '#fff',
                top: origin.offset().top,
                left: origin.offset().left,
                width: origin.width()+'px',
                height: origin.height()+'px',
                position: 'absolute',
                overflow: 'hidden'
            }).appendTo('body').css({'border':'2px solid #eee','padding':'20px','background':'#fff'}).animate({
                top: cart_count.offset().top,
                left: cart_count.offset().left,
                width: '10px',
                height: '10px',
                opacity: 0.7
            }, 700, function() {
                $(this).remove();
                cart_total.html(response.data.total);
            });

        } else if (response.status == 'fail') {
            alert(response.errors);
        }

    }, "json");
    return false;
});