Jump to content

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)

Share this post


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

Share this post


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

Share this post


Link to post
Share on other sites

Salut,

 

Ah ouais super et bien plus simple :)

Par contre je crois que c'est justement les miniatures qui restent - plus de div "image-block".

 

Je retiens. A+

Share this post


Link to post
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 =)

Share this post


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

Share this post


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

Share this post


Link to post
Share on other sites

Le CSS est ok ?

Et le js et la fonction c'est bon ?

 

Dans le tpl j'ai mis <!-- auto slide--> avant les changements et dans le js c'est ligne 540.

 

tu peux poster la "<div id="image-block">" de ton tpl pour voir.

 

A+

Share this post


Link to post
Share on other sites

J'ai rien dit, Tout fonctionne.

 

En fait je suis tête en l'air et j'avais oublié de mettre le responsiveslides.min.js dans mon fichier thème/js. ^^

 

Merci pour ton aide, ça fonctionne du tonnerre

Edited by arnaud1900 (see edit history)

Share this post


Link to post
Share on other sites

est-ce que les images dans le product-list s'affichent aussi sous forme de slide automatique avec ce système ?

Share this post


Link to post
Share on other sites

est-ce que les images dans le product-list s'affichent aussi sous forme de slide automatique avec ce système ?

Bonjour,

 

Non, cela ne touche que la page produit.

Share this post


Link to post
Share on other sites

Il n'y aurait pas un moyen d'avoir sur le product-list, les images des produits qui changent automatiquement (genre une chemise de face puis de dos) ?

Share this post


Link to post
Share on other sites

oui, mais c'est en mouseover.

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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 ;)

Share this post


Link to post
Share on other sites

Bonjour, 

Je veux bien faire la même chose sur mes fiche produits un sliuder avec les images du produits au lieux des thumbnails 

SVP le zip n'existe plus 

besoin d'aide!

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