Jump to content
Arnaud Drieux

[RESOLU] Apparition titre produit en jquery dans product-list

Recommended Posts

Bonjour à toutes et à tous.

 

Voila maintenant quelques heures que je me bats avec le smarty et jquery.

 

Résumé de l'intégration: afficher en mouseover le titre du produit sur chaque image de product-list.

 

 

Donc dans le fichier product-list.tpl, j'ai modifié:

 

ligne 40

<div class="center_block">

 

en

<div class="center_block{$product.id_product}">

 

et

ligne 42

 

<h3>

en

<h3 class="titre{$product.id_product}"style="display:none">

 

Voilà cela permet d'avoir un identifiant bien différent pour chaque div et h3.

 

Maintenant voilà je le jquery que j'essaie d'utiliser ( qui se trouve dans le foreach ):


<script type="text/javascript">
$('div.center_block{$product.id_product}').mouseover(function() {
 $('h3.titre{$product.id_product}').fadeIn('normal', function() {
 });
});
</script>

 

Si je regarde la source le {$product.id_product} est bel et bien interprété. Pourtant, le code ne foctionne pas.

 

Par contre, si je remplace {$product.id_product} par 10 par exemple, ça fonctionne.

 

Je n'ai plus d'idées et j'ai tourné ce code dans tous les sens. avec {literal}, sans, avec des variables... A chaque fois la fonction $product est bien interprété mais ne rentre pas en compte dans le code...

 

HEEEEELP :(

 

merci

Edited by arnaud1900 (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

 

Quel est le but de toutes ces modifications?

 

V++

 

Atch

Share this post


Link to post
Share on other sites

pas besoin de faire tout cela dans ce cas là...

 

 

<script type="text/javascript">
$('div.center_block_hover').hover(function() {
  $(this).find('h3').fadeIn('normal', function() {
 });
});
</script>

 

Avec une class au div appelée : "center_block_hover" dans la bouche de votre pruduct-list.

 

je ne suis pas un pro JS mais je verrais plus un truc comme ça...

V++

 

Atch

Share this post


Link to post
Share on other sites

Je viens de tester et ça fonctionne nickel. Merci pour cette aide.

 

 

Par contre il y a un petit problème, c'est que l'animation du dernier élément de la liste ne fonctionne pas.

 

Qu'il y ait 2, 4, 6 , 20 produits, le dernier élément ne fait rien au passage de la souris. Bizare.

 

Encore merci Atch

 

EDIT: En fait si ça fonctionne, il faut juste placer le code javascript avant le </li> et pas au début.

Edited by arnaud1900 (see edit history)

Share this post


Link to post
Share on other sites

Pour les personnes que ça intéresserait, je vous met le fichier product-list.tpl et product-list.css du thème 1.5 de prestashop.

 

J'ai commenté les lignes modifiées pour plus de lisibilité.

 

Bonne journée

apparition.zip

  • Like 1

Share this post


Link to post
Share on other sites

Je relance ce topic car j ai beau essayé ca marche pas, par contre je suis en 1.5.3 c est peut a cause de çà ???

 

Merci

Share this post


Link to post
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...

Important Information

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