2 hours ago, Divine said:Ce n'est pas une bonne idée de mélanger 2 thèmes différents... Quitte à faire cela, autant revenir carrément sur le thème Classic.
Mais la réponse du support est quand même incroyable
Tu as essayé d'attribuer des tailles à tes images comme je te l'ai indiqué ?
Merci pour ta recommandation, je touche pas alors !
Incroyable effectivement ^^ Je me montre insistant, mais comme c'est pas toujours la même personne, je sais que c'est personnellement contre elle. Je leur ai dit que j'ai partagé le souci avec la communauté Prestashop en citant leur équipe et thème. Je suis même revenu une fois pour avoir la confirmation par écrit de leur part que le problème était bien présent sur leur version démo ! Plus qu'à attendre leur prochaine fournée, mais je redoute qu'ils me disent "On prend pas en charge avec le support gratuit, faut payer", ou bien "vous avez modifié le css, c'est pas notre faute".
Par rapport à tes précieuses indications : j'ai d'abord fait les modifications en css en fixant "height: 120px !important; width : 82px !important;" mais ça n'affectait QUE la dernière thumbnail. Du coup, en m'inspirant de ce que je lisais dans le css de l'élément quand l'affichage était "correct", j'ai intégré le code suivant et ça marche pas mal ! J'ai diminué un peu la taille à 100px, pour que ça marche également pour le mobile.
.images-container .swiper-container ul .thumb-container{/*Ajout START*/height: 100px !important; margin-bottom: 20px; /*Ajout END*/background-color:#fff}
Résultat :
Ça a l'air de résoudre mon souci d'affichage de miniatures "mini", par contre, le "swipper" est aussi interprété petit et du coup il se défile pas jusqu'au bout 😕
EDIT : peut-être que je devrais ajouter une hauteur plus petite pour l'affichage mobile...
REDIT : j'ai ajouté une ligne @media. Ça aide pas :
.images-container .swiper-container ul .thumb-container{/*Ajout START*/height: 100px !important; margin-bottom: 20px; /*Ajout END*/background-color:#fff}/*Ajout START*/@media (max-width:575.98px){.images-container .swiper-container ul .thumb-container{height: 50px !important; margin-bottom: 20px;}}/*Ajout END*/
https://sympa-bonnard.ch/ceintures/42-337-ceinture-premium.html#/26,couleur-cuir,chocolate/33,metal,silver/37,taille-ceinture,32 (faut naviguer entre les attributs pour que le bug arrive).
Un grand merci à toi Divine pour ton soutien dans ma recherche de solutions ! Je te rendrai la pareil lorsque je changerai de thème ! J'ai vu ta version "Luxe" qui correspondrait pas mal à ce que je voudrais, sous réserve que je tweak un peu les fonts et les couleurs (pour que ça soit dans le ton de mon thème actuel que j'apprécie visuellement).
Pour ceux qui sont curieux : le seul fichier .js que j'ai trouvé qui parle des thumbnails est celui-ci : product.js et je ne sais pas trop quoi changer pour overrider les tailles des images.