Add to Cart Animation

[warriorwoman]

Hello,

 

i find this tutorial to create an animation on add to cart and see the option "continue shopping or go to checkout" but this tutorial is not for the last version of prestshop (1.6 o, my 1.5.x), how can i have this effect on my version?

 

I try but not function.

 

http://blog.arvixe.com/a-better-add-to-cart-animation-for-prestashop/

 

Can you help me?

 

Thank's

[vekia]

hello

this guide is for 1.5 release not for 1.6

[warriorwoman]

Hello, i try on my version 1.5 (i've not update on 1.6) but not function...

 

I delete this

// add the picture to the cart
var $element = $(callerElement).parent().parent().find('a.product_image img,a.product_img_link img');
if (!$element.length)
    $element = $('#bigpic');
var $picture = $element.clone();
var pictureOffsetOriginal = $element.offset();
 
if ($picture.size())
    $picture.css({'position': 'absolute', 'top': pictureOffsetOriginal.top, 'left': pictureOffsetOriginal.left});
 
var pictureOffset = $picture.offset();
if ($('#cart_block').offset().top && $('#cart_block').offset().left)
    var cartBlockOffset = $('#cart_block').offset();
else
    var cartBlockOffset = $('#shopping_cart').offset();
 
// Check if the block cart is activated for the animation
if (cartBlockOffset != undefined && $picture.size())
{
    $picture.appendTo('body');
    $picture.css({ 'position': 'absolute', 'top': $picture.css('top'), 'left': $picture.css('left'), 'z-index': 4242 })
    .animate({ 'width': $element.attr('width')*0.66, 'height': $element.attr('height')*0.66, 'opacity': 0.2, 'top': cartBlockOffset.top + 30, 'left': cartBlockOffset.left + 15 }, 1000)
    .fadeOut(100, function() {
        ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
    });
}
else
- See more at: http://blog.arvixe.com/a-better-add-to-cart-animation-for-prestashop/#sthash.eYbcaF8v.dpuf

on ajax-cart.js (on modules/blockcart) and add this

success: function(jsonData,textStatus,jqXHR)
    {
        // add appliance to whishlist module
        if (whishlist && !jsonData.errors)
            WishlistAddProductCart(whishlist[0], idProduct, idCombination, whishlist[1]);
        ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
    },
- See more at: http://blog.arvixe.com/a-better-add-to-cart-animation-for-prestashop/#sthash.eYbcaF8v.dpuf

 

ajax-cart.js#sthash.eYbcaF8v.dpuf

But if i try to put a product on basket..nothing function...

[warriorwoman]

Nothing to help me?