Désactiver et supprimer les produits associés dans WooCommerce - 5 façons de les masquer rapidement

Les produits liés à WooCommerce sont créés dans le but clair de présenter aux visiteurs de votre boutique WooCommerce une gamme plus large de vos produits. WooCommerce affiche des produits similaires sur vos pages de produits pour une raison. Mais si vous ne voulez pas qu'ils apparaissent, comment supprimer les produits liés à WooCommerce ou les empêcher d'apparaître ?

WooCommerce Core comprend également la vente croisée WooCommerce sur la page du panier et les ventes incitatives WooCommerce sur la page produit (comprend tous les types de produits liés à WooCommerce).

En d'autres termes, vous pourriez bombarder vos clients fidèles avec d'autres produits avant même qu'ils ne veuillent effectuer leur premier achat dans votre magasin à un moment donné.

Vous vous demandez peut-être comment WooCommerce choisit les produits associés à afficher sur la page produit. Les produits liés à WooCommerce, contrairement aux ventes croisées WooCommerce et aux ventes incitatives WooCommerce, ne peuvent pas être personnalisés, mais ils peuvent être influencés en regroupant des produits similaires dans la même catégorie de produits ou en utilisant les mêmes balises de produits.

Vous pourriez croire que votre site organise uniquement les produits liés à WooCommerce par catégorie, mais il prend également en compte les balises de produit.

Il n'est donc pas surprenant que de nombreux commerçants, propriétaires de magasins, spécialistes du marketing en ligne et développeurs WooCommerce désactivent les produits liés à WooCommerce sur la page produit.

Alors, voici comment cela fonctionne…

 

 

Lorsqu'il s'agit de masquer les produits liés à WooCommerce, les possibilités sont nombreuses. Choisissez celui qui vous est le plus facile à réaliser.

  1. Vous pouvez ajouter du code au fichier functions.php d'un thème enfant.
  2. À l'aide d'un plugin, ajoutez du code au fichier principal functions.php afin que les mises à jour du thème n'écrasent pas les modifications.
  3. Utilisez CSS pour empêcher les produits associés d'apparaître sur la page du produit.

La première solution nécessite que vous ayez un thème enfant installé sur votre site. Si vous l'avez déjà fait, cela devrait être assez simple (surtout si vous l'avez configuré). Ne vous inquiétez pas si vous avez oublié de configurer votre thème enfant.

Si vous pouvez accéder à l'éditeur de thème via votre tableau de bord WordPress (Apparence > Éditeur de thème).

Ensuite, recherchez votre fichier functions.php et collez-y le code suivant pour désactiver définitivement les produits liés à WooCommerce.

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Cependant, dans certains cas, vous vous demandez peut-être : "Pourquoi l'éditeur de thème WordPress n'est-il pas visible pour moi ?" 

Voici la solution:

Vous pouvez continuer et apporter quelques modifications au fichier wp-config.php en trouvant la ligne ('DISALLOW FILE EDIT', true) et en remplaçant le mot 'true' par 'false', comme indiqué ci-dessous : 

(faux, 'INTERDIRE LA MODIFICATION DE FICHIER')

Vous n'avez pas non plus besoin de vous connecter à votre serveur ou cPanel pour apporter des modifications au fichier wp-config.php ; à la place, vous pouvez utiliser le plug-in WP File Manager.

Cela doit restaurer entièrement l'option WordPress Theme Editor, vous permettant de procéder à l'insertion du code dans le fichier functions.php du thème enfant comme prévu. Consultez ces étapes de dépannage pour plus d'informations sur ce qui précède.

Si vous n'avez pas encore configuré de thème enfant et que vous souhaitez toujours utiliser cette méthode, vous devez d'abord le faire. Voici comment créer et installer un thème enfant sur votre site WordPress, considérezless du thème que vous avez installé.

D'un point de vue technique, je pense que cette option est une bonne solution.

Vous pouvez éviter le problème des mises à jour de thème remplaçant le code en utilisant un plugin pour insérer du code dans le fichier functions.php du thème principal, et vous n'avez pas besoin d'utiliser un thème enfant si vous n'en avez pas déjà un.

Un plug-in d'extraits de code est d'abord requis. Quelques-uns d'entre eux sont des plugins entièrement gratuits, puissants et pris en charge qui peuvent être trouvés sur le référentiel WordPress.org.

Certains plugins qui peuvent être utiles sont : Mes fonctions personnalisées par Space X-Chimp et Code Snippets par Code Snippets Pro.

Mes fonctions personnalisées

Une fois que vous avez installé l'un de ces plugins, vous pouvez continuer et coller le code de la méthode précédente. Si vous l'avez sauté, le voici à nouveau :

remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Suivez simplement les instructions fournies par le développeur du plugin (qui sont généralement aussi simples que copier et coller le code dans une boîte) pour masquer rapidement, efficacement et correctement les produits liés à WooCommerce de la page produit.

Il s'agit d'une solution relativement simple. Mais c'est un "correctif CSS" plutôt qu'un "correctif de code", ce qui signifie que la fonction s'exécute toujours en arrière-plan, mais vous lui dites de ne pas utiliser de style.

Cela peut ne pas vous déranger le moins du monde. Dans ce cas, vous pouvez facilement désactiver les produits associés sur la page du produit WooCommerce en collant ce CSS dans votre Thème WooCommerce Section « CSS personnalisé » du personnalisateur. Collez le CSS suivant dans Apparence > Personnaliser > CSS personnalisé :

.Produits connexes {
display: none;
}

C'est ça; Les produits liés à WooCommerce ont été supprimés de votre site Web.

Ces trois exemples, cependant, visent à empêcher WooCommerce d'afficher des produits connexes sur les pages de produits.

À l'aide d'un constructeur de page tel que Divi ou Elementor, vous pouvez supprimer les produits liés à WooCommerce d'une page produit.

En fait, l'apparence de la page produit WooCommerce peut être entièrement personnalisée.

Cependant, vous n'êtes pas obligé de prendre des mesures drastiques !

Vous pouvez créer une nouvelle page de produit WooCommerce pour qu'elle soit presque identique au modèle de page de produit par défaut, mais avec quelques différences clés.

Vous souhaitez désactiver les produits associés de woocommerce ? Aucun problème; laissez-les simplement en dehors de vos nouvelles conceptions de pages de produits.

Vous souhaitez modifier le texte sur les pages de produits WooCommerce qui fait référence à des produits connexes ? Pas de problème – utilisez simplement un constructeur de page comme Divi pour changer le titre en ce que vous voulez.

Sur mobile, souhaitez-vous afficher une seule colonne de produits liés à WooCommerce ? Ce n'est pas un problème; précisez-le simplement dans votre page builder !

Voulez-vous changer la taille de l'image des produits liés à woocommerce ? Pas de problème - utilisez simplement le générateur de pages pour ajuster la taille des images à votre guise.

Souhaitez-vous exclure les produits liés à WooCommerce d'une sous-catégorie de vos produits ? Aucun problème; laissez simplement la section Produits connexes vide dans la refonte de la page produit WooCommerce pour certaines pages !

Vous souhaitez créer une liste de produits liés au woocommerce ? Ce n'est pas un problème; sur la page des produits WooCommerce, vous pouvez afficher les produits associés exactement comme et où vous le souhaitez.

Au lieu d'afficher des produits liés au woocommerce, pourquoi ne pas afficher des best-sellers ? Utiliser un constructeur de page pour concevoir votre page de produit WooCommerce sans aucun code est une excellente idée - et c'est facile à faire !

Donc, si vous êtes curieux de savoir comment contrôler les produits associés dans WooCommerce, il est possible que vous deviez aborder le problème sous un angle différent.

Oui, vous pouvez modifier la section des produits associés de la page produit WooCommerce si c'est tout ce que vous voulez faire. Cependant, cela nécessitera presque certainement l'utilisation de code.

Considérez les possibilités.

Vous pouvez tout contrôler sur la conception de la page produit WooCommerce si vous utilisez un générateur de page pour modifier la page produit WooCommerce.

Cela ne signifie pas que vous devez prendre des mesures drastiques !

Vous pouvez simplement copier la conception existante et apporter des modifications mineures pour répondre à vos besoins.

Découvrez le thème Divi et Divi Builder, tous deux excellents, puissants et bon marché.

Oui, vous pouvez désactiver les produits liés à WooCommerce parmi toutes les pages de produits, ou vous pouvez désactiver les produits liés sur des produits spécifiques dans WooCommerce. Certaines solutions nécessitent un codage dans les fichiers de thème, tandis que d'autres s'appuient sur CSS dans la section CSS personnalisée du personnalisateur de thème.

Cependant, nous pensons que prendre le contrôle total de la conception de votre page produit et ne pas vous fier au modèle de page produit fourni par votre thème pour travailler avec WooCommerce est la meilleure option.

Sur la page des produits WooCommerce, vous pouvez commencer à remplacer les produits liés à WooCommerce par les meilleures ventes, les produits de vente incitative ou les produits de vente croisée.

Comme nous l'avons vu avec le thème Divi et Divi Builder Pour remplacer les produits liés à WooCommerce, il est tout à fait possible de personnaliser la page du produit WooCommerce par rapport à la conception visuelle sans avoir à toucher à un morceau de code.

Bien que les produits liés à WooCommerce ne puissent pas être détaillés comme les ventes incitatives et les ventes croisées WooCommerce, vous pouvez affecter les produits connexes.

Aux yeux de la base de données WooCommerce, la catégorisation des produits dans la même catégorie de produits ou l'utilisation des mêmes balises de produit sur vos produits WooCommerce les rend "liés". Vous pensez peut-être que votre site organise uniquement les produits liés à WooCommerce par catégorie de produits, mais WooCommerce associe également des produits à des balises de produit.

Si vous avez configuré diverses catégories de produits et étiquettes de produits, comme la plupart des propriétaires d'entreprise WooCommerce, vous verrez probablement une grande partie de votre catalogue de produits apparaître en tant que "produits associés" sur les pages de produits WooCommerce.

1. Cachez-les avec CSS 2. Utilisez des extraits de code pour modifier PHP afin de désactiver les produits associés 3. Reconstruisez la page produit WooCommerce à l'aide d'un constructeur de page comme Divi, à l'exception de la section Produits associés de la conception.

WooCommerce utilise des catégories de produits et des étiquettes de produits pour regrouper les produits. Pour modifier les produits associés, vous devez d'abord modifier les catégories de produits et les balises.

La personnalisation de la page produit WooCommerce est un meilleur moyen de gérer les « produits associés » qui apparaissent sur la page produit WooCommerce. Vous pouvez choisir d'afficher les produits de « vente croisée » et de « vente incitative » spécifiés par l'utilisateur plutôt que les produits associés définis par WooCommerce.

À propos de l’auteur
Shahzad Saïd
Author: Shahzad SaïdSite Web : http://shahzadsaeed.com/
Shahzaad Saaed a été présenté dans un grand nombre de sites Web d'autorité, en tant qu'expert WordPress. Il se spécialise dans le marketing de contenu pour aider les entreprises à accroître leur trafic.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...