WooFrance Dépannage et support WordPress WooCommerce › Forums › Forum de Support WooCommerce › Woocomemrce : Images miniatures sur Avis Clients
- Ce sujet contient 4 réponses, 3 participants et a été mis à jour pour la dernière fois par patrickfr56, le il y a 3 années et 5 mois.
-
AuteurMessages
-
14 juillet 2021 à 13 h 28 min #247904
Bonjour,
J’utilise le thème Flatsome pour WooCommerce.
Lorsque j’affiche les avis clients sur la page produit avec des photos de produits attachés, les miniatures de ces photos apparaissent écrasées.
Un code force l’image à rester à 50px Maximum… Ce qui est assez moche…
<img width="280" height="280" src="https://www.xxxxx.fr/wp-content/uploads/2021/07/1094-ddtj1u-280×280.jpg » style= »max-height: 50px; » class= »lazyloaded » data-ll-status= »loaded » />
Je ne sais pas où et comment modifier ce code… ?Quand on clique sur l’image elle apparaît correctement.
Mais encore un autre souci… : l’image apparaît au format correct avec un grand X en haut à droite pour pouvoir la fermer…
En cliquant sur ce grand X, la même image apparaît lègèrement plus petite avec un autre X en haut à droite pour fermer… l’image disparaît effectivement en cliquant sur ce nouveau X.J’utilise l’extension suivante :
WooCommerce Product Video Gallery
Serait-ce lié… ?Merci par avance pour votre aide !
====================
14 juillet 2021 à 14 h 52 min #247929Bonjour à vous, si vous n’arrivez pas a résoudre le problème avec un CSS additionnel, cela peut provenir d’un conflit ou un souci avec le plugin WooCommerce Product Video Gallery,
essayez de le désactiver pour voir si le problème part
cordialement
====================
1 user thanked author for this post.
14 juillet 2021 à 15 h 21 min #24793615 juillet 2021 à 8 h 18 min #248120AnonymeInactifPoints: 0 ptsAlors un petit coup de CSS devrai aider :
Dans votre inspecteur d’élément, sélectionnez la balise (surement une div) qui englobe votre image, et copiez son ID.
Vous allez pouvoir noter dans la partie CSS additionnel :#Id-trouvé .lazyload{
max-height:300px !important;
}De ce fait, vous donnez une nouvelle instruction à votre image, qui ne devra plus avoir comme taille max 50px, mais bien 300px ( à modifier si c’est toujours pas assez).
Si cela ne fonctionne pas, c’est que l’optimisation de vos images sont encore plus prioritaires, auquel cas, à voir pour ne pas activer cette optimisation sur les pages qui sont touchés par ce problème.
En espérant avoir pu vous aider.
====================
1 user thanked author for this post.
16 juillet 2021 à 8 h 37 min #248411 -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.