WooFrance Dépannage et support WordPress WooCommerce Forums Forum de Support WooCommerce Woocomemrce : Images miniatures sur Avis Clients

5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #247904
    patrickfr56
    Participant
    Points: 46 pts
    Membre 2 étoiles

    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 !

    depanagewp
    #247929
    WB2
    Modérateur
    Points: 3,388 pts
    Membre 2 étoiles

    Bonjour à 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

    depanagewp
    1 user thanked author for this post.
    #247936
    patrickfr56
    Participant
    Points: 46 pts
    Membre 2 étoiles

    Merci.
    J’ai désactivé WooCommerce Product Video Gallery, vidé tous les caches… mais toujours pareil.

    depanagewp
    #248120
    Anonyme
    Inactif
    Points: 0 pts

    Alors 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.

    depanagewp
    1 user thanked author for this post.
    #248411
    patrickfr56
    Participant
    Points: 46 pts
    Membre 2 étoiles

    Merci beaucoup !
    Je vais essayer ça.

    depanagewp
5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.