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

WooCommerce, l’un des meilleurs plugins e-commerce pour WordPress, affiche nativement des colonnes latérales. Avec un thème classique, une astuce en une ligne de code permet de les désactiver toutes d’un seul coup.

Dans le fichier functions.php de votre thème enfant, copiez la ligne de code ci-après :

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

Ajoutée seule dans un plugin de fonctions globales (mu-plugin), cette ligne reste sans effet : ce type d’extension est chargé avant WooCommerce, qui n’a pas encore déclaré l’action à retirer. Il faut alors attendre le chargement de WooCommerce, par exemple avec le crochet init :

/**
 * Remove the sidebar that WooCommerce adds to the shop and product pages.
 */
function wpc_remove_woocommerce_sidebar() {
	remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
}
add_action( 'init', 'wpc_remove_woocommerce_sidebar' );

La colonne latérale disparaît alors de la boutique, des catégories et étiquettes de produits et des fiches produits, dont les modèles appellent cette action. Les pages Panier, Validation de la commande et Mon compte sont en revanche des pages classiques : leur colonne éventuelle dépend du modèle de page de votre thème.

Si une colonne reste affichée sur la boutique ou les fiches produits, c’est qu’elle est insérée autrement, par votre thème lui-même ou par le code de compatibilité que WooCommerce lui réserve : c’est le cas, par exemple, avec Storefront et Twenty Seventeen. Consultez alors la documentation de votre thème.

Avec un thème à blocs comme Twenty Twenty-Five, ce code est inutile : WooCommerce y affiche la boutique et les fiches produits avec ses propres modèles (Catalogue de produits, Produit individuel…), qui ne comportent pas de colonne latérale. Pour en ajouter ou en retirer une, modifiez directement ces modèles dans Apparence > Éditeur > Modèles.

Pour faire évoluer votre boutique sans casser votre thème, appuyez-vous sur mon offre de maintenance WooCommerce.

Pour reprendre totalement la main sur l’affichage, voyez comment désactiver les styles CSS de WooCommerce.