Comment ajouter vos produits au panier depuis vos pages ?

Par défaut, un site WordPress ne laisse pas la possibilité d’afficher le bouton “Ajouter au panier” directement sous chaque produit à partir de votre page boutique, ou bien de vos pages de catégories de produits, ou même, dans les modules de produits que vous pouvez ajouter sur n’importe quelle page avec le Divi Builder (comme les modules “Woo Connexes”, “Woo Upsells”, “Boutique”).

Page boutique par défaut.

Page boutique avec bouton d’ajout au panier.

Voici une méthode simple pour afficher le bouton “ajouter au panier” sur vos pages :

Vous allez ajouter une ligne de code à votre fichier “functions.php“.
Pas de panique ! Avec Divi c’est très simple !

⚠️  A noter, que le chemin d’accès donné ci-dessous est celui pour un site Worpdress utilisant le thème Divi. Si vous utilisez un autre thème, le fichier functions.php pourrait être accessible ailleurs, voir pas du tout à partir du back-office, dans ce cas il faudra vous rendre dans votre FTP pour trouver ce fichier.

Tout d’abord, rendez-vous dans votre tableau de bord WordPress, dans le menu “Apparence > Editeur de thème.

Ensuite suivez ces instructions : 

1. Sélectionnez le fichier “functions.php” à droite de l’écran.

2. Collez y le code ci-dessous :

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20);

3. Cliquez sur “Mettre à jour le fichier“.

 

La procédure en une image :

Et le tour est joué ! 🚀

⚠️  Cette personnalisation pourra être perdu lors des prochaines mise à jour de votre thème. Pour éviter cela, veuillez utiliser un thème enfant ! Pour en savoir plus sur le thème enfant et sa configuration rendez-vous ici !

Pensez à rafraichir votre page pour voir les modifications.

Nous sécurisons votre site

24.12.21 | Code, WooCommerce, WordPress

Autres articles :

Pourquoi choisir le thème Divi ?

Pourquoi choisir le thème Divi ?

Pourquoi créer son site internet avec WordPress ?

Pourquoi créer son site internet avec WordPress ?

Mettre son site WordPress à jour automatiquement !

Mettre son site WordPress à jour automatiquement !

Stay tuned !

Nous partageons nos astuces sur nos réseaux !

Stay tuned !

Retrouvez nous sur les réseaux, nous y partageons nos astuces !