Jump to content

Effet fly to cart


Recommended Posts

Bonjour, 

A la place de la popup qui s'ouvre à chaque mise au panier, j'ai besoin d'afficher l'animation de l'image produit qui part vers le panier (animation qui existait sur PS 1.5 si ma mémoire est bonne.)

J'ai modifié le fichier ps-shoppingcart.js pour la popup, c'est ok.

Pour l'animation, dans le fichier de la fiche produit product.tpl j'ai ajouté

 {literal} <script type="text/javascript">/*
	Add to cart fly effect with jQuery. - May 05, 2013
	(c) 2013 @ElmahdiMahmoud - fikra-masri.by
	license: https://www.opensource.org/licenses/mit-license.php
*/   

$('.add-to-cart').on('click', function () {
        var cart = $('.font-cart');
        var imgtodrag = $(this).parent('.content-wrapper').find("img").eq(0);
        if (imgtodrag) {
            var imgclone = imgtodrag.clone()
                .offset({
                top: imgtodrag.offset().top,
                left: imgtodrag.offset().left
            })
                .css({
                'opacity': '0.5',
                    'position': 'absolute',
                    'height': '150px',
                    'width': '150px',
                    'z-index': '100'
            })
                .appendTo($('body'))
                .animate({
                'top': cart.offset().top + 10,
                    'left': cart.offset().left + 10,
                    'width': 75,
                    'height': 75
            }, 1000, 'easeInOutExpo');
            
            setTimeout(function () {
                cart.effect("shake", {
                    times: 2
                }, 200);
            }, 1500);

            imgclone.animate({
                'width': 0,
                    'height': 0
            }, function () {
                $(this).detach()
            });
        }
    });</script>{/literal}

La class du bouton est bien add-to-cart. Celle du panier en haut est .font-cart. La div parente contenant l'image est .content-wrapper.

Mais cela ne fonctionne pas.

Je sais qu'il y a un module payant qui permet de le faire mais j'aimerais aussi comprendre pourquoi cela ne fonctionne pas sur un PS 1.7.5.2.

 

Merci d'avance

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...