Presto Posted March 18, 2018 Share Posted March 18, 2018 (edited) Bonjour, La plupart de mes produits n'ont qu'une seule photo. Or, par défaut, le thème classique 1.7.3.0 place automatiquement une miniature en dessous de la photo principale (en affichage normal) et à droite de la photo principale (en affichage zoom). S'agissant de la même photo, la miniature n'a aucun intérêt et prend de la place pour rien dans l'affichage. J'envisage deux options : - supprimer systématiquement la miniature pour tous les produits : dans ce cas, je perds la fonctionnalité d'affichage des miniatures partout même pour les produits qui ont plusieurs images. - afficher les miniatures seulement lorsqu'un produit contient au moins 2 images (ce qui me paraît le plus logique et qui aurait dû être paramétré par défaut) : dans ce cas, il faudrait ajouter une condition dans le code existant. Est-ce que quelqu'un pourrait me dire comment faire pour ces deux options ? Quel(s) fichier(s) modifier et quelle(s) modification(s) apporter ? Je précise que je ne suis pas développeur, juste un enthousiaste en train de personnaliser un petit site marchand à partir du thème classique par défaut. Merci. Edited March 18, 2018 by Presto (see edit history) Link to comment Share on other sites More sharing options...
Mediacom87 Posted March 18, 2018 Share Posted March 18, 2018 Bonjour, Page produit : éditez le fichier /themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl {if $product.images|@count > 1} {block name='product_images'} <div class="js-qv-mask mask"> <ul class="product-images js-qv-product-images"> {foreach from=$product.images item=image} <li class="thumb-container"> <img class="thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}" data-image-medium-src="{$image.bySize.medium_default.url}" data-image-large-src="{$image.bySize.large_default.url}" src="{$image.bySize.home_default.url}" alt="{$image.legend}" title="{$image.legend}" width="100" itemprop="image" > </li> {/foreach} </ul> </div> {/block} {/if} Le block est encadré par la fonction de limitation. Pensez bien à vider votre cache PrestaShop après cette modification. Après vous éditez le fichier : /themes/classic/templates/catalog/_partials/product-images-modal.tpl {if $imagesCount > 1} <aside id="thumbnails" class="thumbnails js-thumbnails text-sm-center"> {block name='product_images'} <div class="js-modal-mask mask {if $imagesCount <= 5} nomargin {/if}"> <ul class="product-images js-modal-product-images"> {foreach from=$product.images item=image} <li class="thumb-container"> <img data-image-large-src="{$image.large.url}" class="thumb js-modal-thumb" src="{$image.medium.url}" alt="{$image.legend}" title="{$image.legend}" width="{$image.medium.width}" itemprop="image"> </li> {/foreach} </ul> </div> {/block} {if $imagesCount > 5} <div class="arrows js-modal-arrows"> <i class="material-icons arrow-up js-modal-arrow-up"></i> <i class="material-icons arrow-down js-modal-arrow-down"></i> </div> {/if} </aside> {/if} La balise aside est encadré par le comptage d'images. Et là c’est bon. Link to comment Share on other sites More sharing options...
Presto Posted March 18, 2018 Author Share Posted March 18, 2018 Bonjour. Facile, rapide, efficace. Merci pour cette réponse très claire qui résout parfaitement la deuxième option (ma préférée). Link to comment Share on other sites More sharing options...
satkauskas Posted November 6, 2018 Share Posted November 6, 2018 Bonjour, je voudrais demander - comment ajouter des cases supplémentaires dans ce fichier "product-images-modal.tpl" Jetez un oeil à résultat: 1 , 2 Je vous remercie Link to comment Share on other sites More sharing options...
Mediacom87 Posted November 6, 2018 Share Posted November 6, 2018 https://www.prestashop.com/forums/topic/256108-regle-du-forum-officiel-de-prestashop-et-conseils-dutilisation-a-lire/ 1 topic = 1 sujet de conversation- Si vous avez plus d’une question, créez plus d’un sujet !- Ne posez pas votre question dans un topic qui ne traite pas exactement le même sujet. Ouvrez un nouveau topic, c’est fait pour ça ! 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now