Jump to content

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More