[Résolu] Woocommerce : Bordure d’image boutique woocommerce

[laffreuxpwet]

Bonjour

J’ai un problème avec les images de ma boutique woocommerce :

J’ai placé une bordure sur chaque image l’archive des produits et ça c’est ok.

Le problème vient du survol de souris : j’ai choisi de placer deux image par article au minimum afin que le survol de souris permette d’afficher la seconde image, ce qui anime un peu l’ensemble.

Mais voilà, la bordure de la première image n’est pas appliquée à la seconde.

L’effet visuel non voulu est que la bordure disparaît au survol de souris, ce qui ne me plaît pas.

Avez-vous une solution pour que la bordure soit affichée pour l’image active au survol de souris ?

Merci de votre aide.

[Fred – WooFrance]

Salut

Si tu veux mon avis tu as 2 class CSS :

• Une pour la première image
• Et une pour la seconde image au survol de la souris

  du coup il te faut appliquer du CSS pour les bordures sur les deux class

[laffreuxpwet]

Merci.

 

J’ai résolu le problème en ajoutant du CSS dans la zone CSS personnalisé elementor dans chaque module qui avait besoin d’afficher les produits. Comme ce sont des éléments woocommerce, il fallait utiliser des commandes faisant spécifiquement appel à woocommerce.

 

Pour en aider d’autres, voici ce que j’ai utilisé :

.woocommerce ul.products li.product a.woocommerce-loop-product__link {

border: 2px solid #F2F2F2;

display: box;

position: relative;

}

[Auteur]

Messages