Dans cet article, nous allons examiner un extrait de code qui permet de masquer dynamiquement une section spécifique sur un site WordPress utilisant WooCommerce lorsque le panier est vide. Cette fonctionnalité peut être particulièrement utile pour améliorer l’expérience utilisateur et simplifier l’interface lorsque le panier est vide.
Voici le code à intégrer dans votre fichier functions.php de votre thème enfant :
add_action( 'wp_footer', function() {
if ( sizeof( WC()->cart->get_cart() ) < 1 ) {
echo '';
}
});
Explication
Ce code utilise la fonction add_action
de WordPress pour ajouter une fonction anonyme au hook wp_footer
. La fonction anonyme vérifie si la taille du panier WooCommerce est inférieure à 1, c’est-à-dire vide. Si le panier est vide, le code insère un style CSS pour masquer la section avec la classe .section-resume
.
add_action( 'wp_footer', function() { ... } )
: Cette ligne de code ajoute la fonction anonyme au hookwp_footer
. Le hookwp_footer
est exécuté à la fin de la page, juste avant la fermeture de la balise</body>
. Ainsi, la fonction anonyme sera exécutée à la fin de chaque page chargée.if ( sizeof( WC()->cart->get_cart() ) < 1 ) { ... }
: Cette condition vérifie si le panier WooCommerce est vide. La méthodeWC()->cart->get_cart()
retourne un tableau contenant les éléments du panier. La fonctionsizeof()
compte le nombre d’éléments dans le tableau. Si la taille du tableau est inférieure à 1, cela signifie que le panier est vide.echo '<style type="text/css">.votreclass{ display: none; }</style>';
: Si la condition est remplie, cette ligne de code insère un style CSS dans la page. Ce style CSS masque la section avec la classe.votreclass
en définissant sa propriétédisplay
ànone
.
Personnalisation
Il est possible d’adapter ce code pour masquer une section avec une autre classe. Il suffit de remplacer .votreclass par le nom de la classe souhaitée dans la ligne de code suivante :
echo '';
Conclusion
Testé sur WordPress 6.2 & Woocommerce 7.6.1
Un nouveau projet WordPress ? Besoin d’aide ?
Contactez-moi ou visitez mon site et je me ferais un plaisir de vous aider.
Un nouveau projet web ?
Un nouveau site vitrine ou e-commerce ?
Ou même vous souhaitez faire la refonte de votre site ?