Jump to content
SuperFly

Afficher les autres vignettes d'un même produit sur le product-list.tpl

Recommended Posts

Bonjour ! 

 

Me voici dans un problème qui m'a pris une demi/journée de recherche avec quelques pistes mais rien de concret. 

 

Je souhaiterai afficher 2 des autres images d'un produit directement sur la page des catégories (product-list.tpl)

 

Or malgré toutes les recherches que j'ai pu faire, je reste sans solution à ce jour. 

 

Ceci est un rendu d'une ligne produit. La question concerne pas le CSS, c'est seulement pour vous donner une idée de la chose. 

 

post-736892-0-74549200-1386779787_thumb.png

 

Pouvez-vous m'aiguiller ? 

 

Voici le fruit de ma recherche : 

 

  • Je pourrais mettre un ul>li*2>img avec en src les chemins direct qui pointent vers le dossier img/p mais les images sont rangés d'une façon assez étrange ...
  • Séparer l'ID du produit de l'ID de l'image de la variable $product.id_image et faire un +1 sur l'ID de l'image pour obtenir la suivante

 

Merci d'avance.

Edited by SuperFly (see edit history)

Share this post


Link to post
Share on other sites

Bonjour, il y a des thumbs de générés dans votre tpl, pourquoi ne les utilisez-vous pas ?

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />

Vous avez la possibilité de créer un nouveau type d'image dans votre backoffice pour ajouter d'autres dimensions et de les insérrer dans votre tpl à la place du fichier thumb.

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