WooCommerce > Tutoriels WooCommerce – Mis à jour il y a 2 ans

Désactiver les colonnes latérales (sidebars) de WooCommerce

Par Mickaël Gris
WooCommerce, l'un des meilleurs plugins e-commerce pour WordPress, affiche nativement des colonnes latérales. Une astuce en une ligne de code permet de les désactiver toutes d'un seul coup.

Dans un plugin de fonctions globales ou dans le fichier functions.php de votre thème, copiez la ligne de code ci-après :

remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10);

Les sidebars présentes sur les pages WooCommerce de votre projet auront disparues.

Par Mickaël Gris

Mickaël est un « Digital Native » converti à WordPress. Il travaille en agence où il intervient comme développeur/intégrateur Web. En 2013, avec Aurélien Denis, ils fondent l'association WordPress Meet & eXchange afin de fédérer les utilisateurs passionnés de cette fabuleuse technologie qu'est WordPress.

Ces tutoriels devraient vous intéresser…
18 commentaires
  1. aem

    le pb c’est que ca passera pas les maj de wordpress et des templates …

    existe t il une autre solution ? à part theme enfant.

    Sebastien

    Répondre
    1. Aurélien Denis

      Comme indiqué dans le tutoriel, il faut utiliser un plugin de type mu-plugins ou bien un thème enfant pour passer les mises à jour sans soucis. 😉

      Répondre
  2. Séverine

    Bonsoir.

    Où doit-on placer ce code pour que cela fonctionne svp ?

    Merci

    Répondre
    1. Aurélien Denis

      La réponse est dans le tutoriel. 😉

      Répondre
  3. Séverine

    Bonjour,

    En effet, dans la page functions.php.

    En fait, je me suis mal exprimée : à quel endroit faut-il placer cette ligne de code dans la page functions.php ?

    Merci et bon week-end 🙂

    Répondre
    1. Aurélien Denis

      Juste après une balise PHP ouvrant, le mieux étant de passer par un client FTP et ouvrir le fichier dans un éditeur de code pour bénéficier de la coloration syntaxique ce qui évite les erreurs. 😉

      Répondre
  4. Stephanie

    Hello,

    Un petit mot pour te remercier, car j’étais vraiment embêtée : sur la page de produits Woocommerce j’avais un liste de mes pages … impossible de la faire dégager et là, c’est fait en 2 secondes ! Merci !

    Répondre
  5. Nad

    Bonjour, auriez-vous une astuce pour la déplacer au lieu de la supprimer ? Par exemple, ma Shop Sidebar se place tout en-dessous de mes produits… Dans la logique des choses, je voudrais qu’elle remonte juste à gauche de mes produits. Un code pour cela ?

    Répondre
  6. Jean

    Salut,

    Je cherche depuis un moment à enlever les widget du plugin woocommerce, sans succès. J’ai essayé de placer ton code un peu partout dans le fichier en question, mais sans succès. Voici tout le code du fichier function.php

    Peux-tu m’indiquer où placer ton code ? Merci

    <?php

    /* Chargement de la feuille du style du theme parent */
    add_action( 'wp_enqueue_scripts', 'wpchild_enqueue_styles' );
    function wpchild_enqueue_styles(){
    wp_enqueue_style( 'wpm-mellow-style', get_template_directory_uri() . '/style.css' );
    }

    Répondre
  7. didi

    marche pas. la barre se se désasctive pas dans woocommerce.

    Répondre
    1. Aurélien Denis

      Et pourtant c’est le bon hook mais votre thème gère peut être cela différement.

      Répondre
  8. lizbiout

    Cette ligne de code met en l’air tout mon site… heureusement que j’avais une copie du fichier…

    Répondre
    1. Aurélien Denis

      Hormis masquer les colonnes latérales de WooCommerce, elle ne perturbera rien d’autres.

      Répondre
  9. Eugene bos

    Merci. Apres avoir supprimé cette barre, ca ne va pas laisser d’espace ? si oui quel bout de css pour l’ajouster et ou peut t-on la placer ? dans fichier.css ?

    Répondre
  10. destef

    Bonjour,
    Pour info, ça ne fonctionne pas pour Storefront.

    Répondre
Répondre à Séverine Annuler la réponse