0
votes

Je veux changer l'image produit sur la survolte dans Woocommerce WordPress

J'essaie de changer d'image de produits sur la survoltation de WooCommerce dans WordPress !!! J'ai essayé des plugins que j'ai vu comme Woocommerce Image de produit Flipper & Magni Image Flip pour WOCOMMERCE Mais ils ne fonctionnent pas pour une raison quelconque et j'ai essayé les solutions que vous êtes suggéré ici dans certains questions similaires.

Alors, connaissez-vous un autre plugin gratuit ou non, je ne me soucie pas ou savez-vous peut-être une autre solution avec CSS peut-être que je ne sais pas

J'utilise

  • Version WordPress: 5.3.2
  • Thème WordPress: FlatSome
  • WOOCOMMERCE VERSION: 3.9.2

    Merci d'avoir aidé et désolé pour mon anglais :)


0 commentaires

5 Réponses :


0
votes

Si vous avez accès au CSS, vous pouvez essayer de définir l'image en tant qu'appount de la DIV. Vous pouvez ensuite utiliser le sélecteur : survol code> pour définir une nouvelle image d'arrière-plan. Vous pouvez voir cela sur le Codepen ici: https://codepen.io/st3ph3n92/pen/baopgqx p>

ou exécutez cet extrait: p>

p>

<div class="image-holder"><div>


0 commentaires

0
votes

merci st3ph3n92 pour votre réponse Alors puis-je changer ce code avec quelque chose comme ça ???

p>

<div class="product-image"><div>


0 commentaires

0
votes

@n. Mar, oui, l'URL personnalisée que j'ai utilisée était seulement à titre d'exemple. Avec Arrière-plan-image: URL ("IMG2") , qui sélectionnerait IMG2 s'il s'agit du même dossier que votre fichier CSS. Cependant, si vos images sont conservées dans un dossier séparé, par exemple "images", le CSS peut être image-fond-image: URL ("images / img2") . .

Il y a un message Stackoverflow sur des chemins de dossiers ici qui pourraient être très utiles: qu'est-ce que" ./ "(dot slash) se réfère en termes d'emplacement de chemin de fichier HTML?

Parce que vous utilisez Woocommerce, j'imagine comment vos images sont stockées est un peu différente. Cet article pourrait éclairer une lumière dessus: https://enviragallery.com/ Où-wordpress-store-upload-images /

Si vous voulez que cela soit automatique sur WordPress, vous devrez utiliser PHP. Le problème est que vous ne pouvez pas utiliser PHP dans CSS. Au lieu de cela, vous aurez besoin d'ajouter les styles en ligne ou dans la tête du HTML du thème (par opposition à une feuille de style distincte), puis utilisez PHP pour référencer l'image. C'est un bon peu plus délicieux. Il y a un autre poste Stackoverflow sur celui-ci ici: images de fond CSS dans WordPress


0 commentaires

0
votes

J'ai eu le même problème sur certains de mes sites Web avec la même configuration que la vôtre. Jusqu'à il y a quelques jours, j'avais cet effet de retournement sur mes produits. C'était par défaut, je n'ai installé aucun plugin pour cette fonctionnalité. Aujourd'hui j'ai remarqué que cela ne fonctionne plus.

J'ai réussi à résoudre ce problème en désactivant le plugin Autoptimize. Je ne sais pas si vous utilisez le même plugin, mais peut-être que ma réponse vous aidera.


0 commentaires

1
votes

ok @ st3ph3n92 ça marche pour moi !!! Je viens d'écrire personnalisé CSS pour les 10-20 produits que j'ai en ligne tous les jours pour le moment, je vais bien !!! Maintenant, à l'avenir, j'espère qu'il y a plugin pour faire ce travail ^^

Merci encore pour votre aide @ ST3PH3N92


0 commentaires