Jump to content

[RESOLU] Slide automatique image produit


Recommended Posts

Salut à toutes et à tous. Encore une belle journée avec un nouveau casse-tête.

 

J'aimerai automatiser l'affichage de l'image principale dans la page product.tpl.

 

Actuellement le changement se fait que si on passe sur les miniatures.

Etant donné que je ne veux pas afficher les miniatures sur le thème, comment puis-je modifier le produt.js pour que l'animation se charge toute seule ?

 

Merci d'avance.

Edited by arnaud1900 (see edit history)
Link to comment
Share on other sites

Ligne 441 du fichier product.js il y'a ce bout de code:

 

//hover 'other views' images management
$('#views_block li a').hover(
 function(){displayImage($(this));},
 function(){}
);

 

J'ai testé un load, un ready à la place du hover mais ça ne fait rien...

Link to comment
Share on other sites

Bonjour,

 

D'abord il faut choisir un petit plugin pour la visionneuse (perso j'aime bien celui-ci léger et suffisamment paramétrable : http://responsive-slides.viljamis.com)

 

après :

 

- il faut overrider "ProductController.php" pour charger le script spécifiquement sur la page produit.

- modifier "product.tpl" pour reprendre la structure pour le fonctionnement de la visionneuse

- modifier "product.js" pour nettoyer le comportement d'origine et mettre l'appel du script

 

et bien sûr :

 

- modifier "product.css"

 

A+

Link to comment
Share on other sites

Ben faire disparaitre les miniatures, n'est pas un problème, par contre moi ce que j'aimerai, c'est qu'il n'y ait pas besoin de cliquer sur un flêche pour faire apparaitre une autre image du produit.

 

En fait comme la visionneuse de Médéric

 

Mais merci quand même =)

Link to comment
Share on other sites

Dans le zip tu as :

- le ProductController.php à placer dans /override/controllers/

- le product.tpl avec les modifs

- le product.css avec les modifs à la fin

- le product.js avec la fonction ResponsiveSlide [en mode AUTO]

(à partir de Presta 1.4.8.2 tout neuf )

 

à déposer responsiveslides.min.js dans ton thème /js trouvable ici

 

Il faudrait encore nettoyer le js et le css pour tout ce qui concerne thumb_list, voir plus si affinité...

(chez moi c'est ok !)

 

Dis-moi si tu as tenté :)

Slide_img_product.zip

Edited by Médéric (see edit history)
Link to comment
Share on other sites

J'ai fait un test avec ce que tu m'a donné, mais ça n'a pas fonctionné.

 

La seconde image s'est retrouvé juste en dessous de l'autre.

 

Peux-tu me dire quelles sont les lignes que tu a modifié précisément. Etant donné que j'utilise le theme 1.5 de prestashop avec de nombreuse modifications, je ne suis pas sur avoir tout mis là où il fallait ( Surtout pour le product.tpl )

 

merci encore

Link to comment
Share on other sites

  • 7 months later...

oui, mais c'est en mouseover.

Je cherche juste à ce que les photos s'alternent simplement, une sorte de slide automatique avec les miniatures.

Donc vous n'avez qu'un seul produit par page, car sinon cela va donner un effet étrange avec 20 produits dont lesamges vont s'enchainer plus au moins en même temps.

Link to comment
Share on other sites

Oui, vous avez raison....

j'avais vu ça sur un site de vente privée, mais ça risque de faire "lourd"...

 

j'ai d'autres problèmes à régler avant ça, bien que je ne trouve pas d'aide sur le forum et que personne ne me réponde sur ces "problèmes"...

 

en tout cas merci ;)

Link to comment
Share on other sites

  • 7 years later...

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...