Comment rajouter Woocommerce à un thème non-compatible avec Woocommerce

ça y est vous avez mis en place votre thème, mais ô rage ô désespoir vous vous rendez compte qu’il n’est pas compatible avec Woocommerce, c’est à dire que vous installez le plugin Woocommerce, mais un niveau des fichiers rien ne s’affiche comme ça devrait.

Il existe 2 méthodes :

Méthode Easy : Remplacer la loop avec woocommerce_content() :

solution la plus simple, mais qui implique le même affichage pour toutes les taxonomies Woocommerce comme les catégories de produit, les produits eux même, etc.

tout d’abord il vous faut trouver le fichier page.php, soit dans votre thème enfant, soit dans le thème parent.

Une fois trouvé, il faut le copier dans votre thème (idéalement le thème enfant) et renommer le en woocommerce.php

Editez le et chercher l’emplacement de la loop, qui commence généralement par

C’est bon, vous avez trouvé la loop dans woocommerce.php ? Ok, maintenant supprimez TOUTE la boucle.
Ensuite, coller ce code à la place de la loop

Cette modification fait que la loop Woocommerce sera utilisée à la place. Vous pouvez enregistrer ce fichier et le mettre en ligne.

Au niveau des surcharges :
En utilisant cette technique avec le fichier woocommerce.php, cela implique que vous ne pourrez pas surcharger le fichier par défaut woocommerce/archive-product.php car woocommerce.php est prioritaire par rapport à archive-product. (Ceci permet d’éviter des soucis d’affichage)

Méthode Dév : Utiliser les Hooks

Cette méthode demande un peu plus de level, mais est bien plus flexible
L’idée est d’intégrer le code dont on a besoin (div avec classes particulières par exemples) avant et après le code propre à WooCommerce.
Pour se faire on se base sur les hooks, qui servent de point d’entrée.
On retire donc d’abord les hooks présents et on rajoute les notre, qui ajoutent le bon code correspondant à votre theme

il faut tout d’abord retirer les hooks suivants en rajoutant ce code à votre function.php

Pour finir, dire que le thème supporte (désormais) Woocommerce :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *