Jump to content

[ Résolu ]Effet panier ajax vers le header

rasdri

By rasdri
in Discussion générale

 Share

Recommended Posts

rasdri Newbie

rasdri

Posted
Posted

Bonjour,
j'essaye de faire marcher l'effet d'ajout d'un produit au panier du bouton vers le panier quand ce dernier se trouve dans le top ou header sans succès. Quelqu'un aurait il une piste svp? je cherche à faire l'effet visibble ici :
http://www.devernois.fr/eboutique/pulls/878-pull-soie-trompe-l-il.html
ou (mieux) ici:
http://www.swoonshop.com/junior-garcon/1253-sweat-zippe-a-capuche-sapply-diesel.html
l'idée , si besoin est de préciser serait donc d'avoir l'effet avec le carré qui glisse vers le panier qui se trouverait dans le header et non sur une colonne de gauche. J'ai essayé avec le theme par défaut, rajouté le bloc panier dans le top mais ca ne marche pas...
Une piste? (je suis sur la Version 1.1.0.5)
Merci d'avance

Link to comment
Share on other sites
rasdri Newbie

rasdri

Posted
  • Author
Posted

Bon ben je m'auto réponds si ca interresse qq un...
Je précise que ca fonctionne chez moi car je n'utilise pas de bloc panier dans les colonnes droites ou gauche, seulement dans le header.
Voici les modifs à apporter :
dans product.tpl, aprés 

{include file=$tpl_dir./errors.tpl}
{if $errors|@count == 0}



j 'ai rajouté ca :

{$base_dir}js/jquery/iutil.prestashop-modifications.js
{$base_dir}js/jquery/ifxtransfer.js
{$base_dir}modules/blockcart/ajax-cart.js



à mettre du style :<script type="text/javascript" src= ... > avec les 3.js du dessus,( je sais pas pourquoi mais quand je veux insérer la ligne de code le forum me les supprime en removed... sécurité j'imagine mais bizarre ca passe pas meme si j'entoure de la balise code)

et dans modules/blockcart/ajax-cart.js , j'ai remplacé, ligne 145 :

to: $('#cart_block').get(0),



par 

to: $('#shopping_cart span.ajax_cart_quantity').get(0),



et voilà
@+

Link to comment
Share on other sites
  • 2 weeks later...
rasdri Newbie

rasdri

Posted
  • Author
Posted

ah...ben dommage alors !!
plus sérieusement, un peu plus d'explication sur ta config pourrais ptet m'aider à t'aider
de mon coté ca fonctionne sur la v1.1.0.5
par contre je viens de me rendre compte que ca ne fonctionne pas sous ie6 si le panier est vide et je ne trouve pas le pourquoi du comment...si quelqu'un à une idée elle est la bienvenue

Link to comment
Share on other sites
rasdri Newbie

rasdri

Posted
  • Author
Posted

ok, j'ai trouvé, je me suis inspiré de la bagagerie pour que ca fonctionne avec ie6 et ie7 aussi
le pb quand le panier est vide : en fait il faut remplacer la mention (vide) par 0 articles comme ca :
supprimer :
{l s='(empty)' mod='blockuserinfo'}

et pour le {$cart_qties}{l s='product' mod='blockuserinfo'}

Link to comment
Share on other sites
  • 1 year later...
ericdel Newbie

ericdel

Posted
Posted

Bonjour à tous.

Je déterre car :

Je cherchais à faire la même chose sous 1.4.2.6 avec un thème matrice modifié.

J'ai réussi en mettant simplement l'id "cart_block" à l'élément qui symbolisait le panier (une image) dans le header ce qui donne :

<img id="cart_block" alt="..." src="..."> et ça fonctionne !

Par contre cela passe sous mon animation, une histoire de z-index sûrement que je n'arrive pas à régler. Je continue à fouiller !

Link to comment
Share on other sites
ericdel Newbie

ericdel

Posted
Posted

Bon si quelqu'un retombe sur ce sujet :

j'ai réussi à faire passer l'image par-dessus l'animation du theme matreice en modifiant ajax-cart.js à la ligne 216-217

if ($picture.size())
 $picture.css({'position': 'absolute', 'z-index':'1000', 'top': pictureOffsetOriginal.top, 'left': pictureOffsetOriginal.left});

ce fichier est dans modules/blockcart

Eric

Link to comment
Share on other sites
  • 1 month later...
KeNdO.83 Newbie

KeNdO.83

Posted
Posted

Salut Eric, je suis interessé par le panier que tu as mis a ta boutique. Par contre je n'ai pas compris tes explications :

 

l'id "cart_block" à l'élément qui symbolisait le panier (une image) dans le header ce qui donne :

<img id="cart_block" alt="..." src="..."> et ça fonctionne !

 

Peux tu me dire sur quelle page tu as travailler ? Dans le global.css ?

 

Merci d'avance

Link to comment
Share on other sites
  • 1 month later...
alicia_bve Newbie

alicia_bve

Posted
Posted

Bonjour Eric,

J'ai la même question que Kendo.83.

 

Je suis sur la même configuration que toi mais je ne comprends pas dans quel fichier tu as travaillé pour ajouter l'id cart_block à l'image du panier.

 

Peux-tu m'éclairer ?

 

Merci !

Link to comment
Share on other sites
  • 2 years later...
arvprod Newbie

arvprod

Posted
Posted (edited)

gros déterrage pour répondre à la dernière question posée restée sans réponse.

 

il faut ajouter un id="cart_block" dans le fichier blockuserinfo.tpl (module «Bloc infos client») qui contient le récap du panier (nombre de produits du panier)

 

cela peut se faire comme l'a proposé ericdel en utilisant une image, mais cela fonctionne également avec n'importe quel élément. Moi j'utilise un span...

 

donc, dans le blockuserinfo.tpl :

        <li id="shopping_cart">
            {* id #cart_block pour animation ajout panier *}
            <span id="cart_block"> </span>
            ...

Si comme moi, vous découvrez, longtemps après avoir viré le module blockcart de votre site, que l'animation d'ajout au panier ne fonctionne plus, j'espère que cette réponse vous aidera...

Edited by arvprod (see edit history)
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
 Share
Go to topic listing
×
×
  • Create New...