Content Grid - Add to Cart with AJAX - WooCommerce

code.css

.pp-add-to-cart a.loading {
    opacity: 0.5;
    pointer-events: none;
}
.pp-add-to-cart a.added_to_cart {
    margin-left: 5px;
}

code.js

;(function($) {
    $(function() {
        $('.pp-add-to-cart a.button').off('click').on('click', function(e) {
            if ( -1 == $(this).attr('href').search('add-to-cart') ) {
                return;
            }
            e.preventDefault(); e.stopPropagation();
            var url = wc_add_to_cart_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'add_to_cart' );
            var data = {
                quantity: 1,
                product_id: $(this).parents('.pp-content-post').data('id')
            };
            var $thisbutton = $(this);

            $(this).addClass('loading');

            $.post(url, data, function(response) {
                if ( ! response ) {
                    return;
                }
                if ( response.error && response.product_url ) {
                    window.location = location.href + '?add-to-cart=' + data.product_id
                    return;
                }

                $( document.body ).trigger( 'added_to_cart', [ response.fragments, response.cart_hash, $thisbutton ] );
            });
        });

        $(document).on('added_to_cart', function( e, fragments, cart_hash, $button ) {
            $button.removeClass( 'loading' );
            $button.html( 'Toegevoegd aan winkelwagen' );
        });
    });
})(jQuery);