[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
    17 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
    Modérateur
    Maître WordPress
    1542 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
    17 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
    Modérateur
    Maître WordPress
    4044 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 ?

    #1635347
    erni12
    Participant
    Initié WordPress
    17 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
    17 contributions

    Au fait mot de passe = 4188

    #1635357
    Joss47
    Modérateur
    Maître WordPress
    4044 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
    17 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
    Modérateur
    Maître WordPress
    4044 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
    17 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
    17 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
    Modérateur
    Maître WordPress
    4044 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.