[Résolu] Supprimer image produit Woocommerce

  • WordPress :4.7
  • Statut : résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #1633842

    erni12
    Participant
    Initié WordPress
    16 contributions

    Bonjour,

    Je cherche désespérément une solution simple pour supprimer/désactivé l’affichage des miniatures des produits dans woocomerce.

    Est-ce possible?

     

    Merci pour votre support!

    #1633883

    momofr@free.fr
    Participant
    Maître WordPress
    1276 contributions

    Salut, tu as différentes méthodes pour faire ça, de manière propre en supprimant l’injection des images (code dans le fichier functions.php) ou de manière plus discutable via les CSS en masquant l’affichage des image (mais elles sont présentent dans le code), cet article en anglais te propose plusieurs façons de faire en fonction de ce que tu cherches à faire (tout masquer ou masquer dans certaines circonstances).

    #1634314

    erni12
    Participant
    Initié WordPress
    16 contributions

    Salut et merci pour ton lien,

    J’ai testé les deux méthodes PHP et CSS. J’arrive les deux fois avec le même résultats:

    – L’image du produit est bien supprimée, mais un petit trait blanc apparaît et l’espace vide de l’image existe toujours: https://emmanuelle-et-julien.ch/produit/compeed/

    – Les images de la galerie (Thumbnail)  sont toujours là… pas réussi à les supprimés: https://emmanuelle-et-julien.ch/liste-mariage/

    Est-ce que tu as un idée?.

     

     

    #1634815

    Joss47
    Participant
    Maître WordPress
    2404 contributions

    Hello,

    Tu veux que : titre, description, prix et bouton se trouve à gauche ?

    Tu peux mettre ça dans ton fichier CSS:

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: left;
        width: 48%;
    }

    Ensuite, je ne vois pas les images de la galerie sur ton second lien ?

    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par  Joss47.
    #1635347

    erni12
    Participant
    Initié WordPress
    16 contributions

    Salut Joss47,

    Je suis pas sur d’avoir tout compris car il n’y’a pas de changement. J’ai ajouter ton code dans le fichier Style.css de mon thème.

    J’ai donc ceci à la fin de mon style.css:

    .single-product .thumbnails {display: none;}
    .single-product .woocommerce-main-image {display: none;}
    
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: left;
        width: 48%;
    }

    – Produit: https://emmanuelle-et-julien.ch/produit/compeed/

    Je souhaite effectivement avoir uniquement le nom du produit, le prix, le stock sans image et tout ça à gauche. Voir fichier joint

    – Thumbnail: https://emmanuelle-et-julien.ch/liste-mariage/

    Pour la galerie pareil, je veux supprimer les images et garder tout le reste

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1635352

    erni12
    Participant
    Initié WordPress
    16 contributions

    Au fait mot de passe = 4188

    #1635357

    Joss47
    Participant
    Maître WordPress
    2404 contributions

    Bonsoir,

    Alors c’est normal, il faut soit que tu ajoutes ce CSS dans ton thème enfant, ou dans un CSS personnalisé, si ton thème propose cette fonctionnalité.

    Sinon, si tu l’ajoutes à la fin de ton fichier style.css cela ne sera pas pris en compte.

    Si tu l’ajoutes directement à ton fichier css il faut trouver la ligne ou le code est à modifier comparé à l’original, donc il faut que tu enlève ce que tu as ajouté précédemment et inspecter de nouveau ou se trouve la ligne à modifier, je peux t’aider mais il faut que tu enlève la modification avant.

    Toutefois, si tu fais une mise à jour de ton thème, avec cette configuration là tu perdra tes changements, d’ou l’interêt d’un thème enfant, ou css personnalisé.

     

    #1635367

    erni12
    Participant
    Initié WordPress
    16 contributions

    HEllo,

    merci pour ton retour, le style.css original est en place.

    Je penses que mon thème permet d’ajout du CSS personnalisé, j’ai déjà qqch d’ailleur dedans (sur conseil du support en ligne du fournisseur de ce thème payant) –> voir le fichier joint.

    Est-ce que je rajoute simplement ton code à la suite?

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1635370

    Joss47
    Participant
    Maître WordPress
    2404 contributions

    Hum, tu peux essayer.

    Certains thèmes prennent la main sur les fichiers de style de WooCommerce, certains non.

     

    #1635557

    erni12
    Participant
    Initié WordPress
    16 contributions

    Bon apparemment ça ne suffit pas.

    Je te joint le fichier style.css

    Tu peux m’aider ou ajouter ton code?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1637263

    erni12
    Participant
    Initié WordPress
    16 contributions

    Bon j’ai résolu mon problème avec le CSS custom:

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {  display: none;}
    
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {  float: left;}

    Obtenu dans le forum du support de mon thème.

    Merci pour ton aide Joss47

     

    #1637447

    Joss47
    Participant
    Maître WordPress
    2404 contributions

    Et oui, si tu avais répondu au questionnaire du début on aurait pu savoir quel était ton thème et peut être connaitre qu’il y avait un custom css 🙂

    Si c’est ok, n’oublie pas de passer en résolu en haut à gauche 😉

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