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 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 p>
J'utilise p>
Merci d'avoir aidé et désolé pour mon anglais :) p>
5 Réponses :
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 ou exécutez cet extrait: p> p> : 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>
<div class="image-holder"><div>
merci st3ph3n92 pour votre réponse Alors puis-je changer ce code avec quelque chose comme ça ???
p> <div class="product-image"><div>
@n. Mar, oui, l'URL personnalisée que j'ai utilisée était seulement à titre d'exemple. Avec 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? p>
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 / p>
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 P> Arrière-plan-image: URL ("IMG2") CODE>, 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") code>. P>.
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. p>
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. p>
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 ^^ p>
Merci encore pour votre aide @ ST3PH3N92 P>