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 du magasin une gamme de produits plus large.

C'est un moyen efficace d'augmenter la valeur moyenne des commandes ou les achats de produits et presque tous les magasins utilisent ce concept.

Mais si vous ne voulez pas qu'ils apparaissent, comment supprimer les produits liés à WooCommerce ou les empêcher d'apparaître ?

Vous pourriez bombarder les clients avec d'autres produits avant même qu'ils ne veuillent effectuer leur premier achat dans votre magasin à un moment donné et ce n'est pas idéal pour la conversion.

Vous vous demandez peut-être comment WooCommerce choisit les produits associés à afficher sur la page du produit.

Les produits liés à WooCommerce, contrairement aux ventes croisées WooCommerce et aux ventes incitatives WooCommerce, ne peuvent pas être personnalisés.

Il peut être influencé 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 produits.

Il n'est donc pas surprenant que de nombreux marchands désactivent les produits liés à WooCommerce sur la page du produit.

 

Lorsqu'il s'agit de masquer les produits liés à WooCommerce, vous avez plusieurs options.

Choisissez celui qui vous est le plus facile à réaliser.

  1. Vous pouvez ajouter du code à functions.php.
  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.

Nous vous recommandons d'utiliser un thème enfant afin que vos modifications ne soient pas écrasées lorsque le thème WordPress est mis à jour.

Si vous n'avez pas configuré de thème enfant et que vous souhaitez toujours utiliser cette méthode, vous devrez en créer un.

Voici comment créer un thème enfant, qui concerneless du thème que vous avez installé.

Accédez à l'éditeur de thème via votre tableau de bord WordPress (Apparence > Éditeur de thème). Choisissez ensuite votre thème enfant.

Recherchez le 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 ?" 

Si vous n'êtes pas autorisé à modifier functions.php, voici la solution :

Vous pouvez apporter une modification simple à votre 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')

C'est si vous avez la permission de modifier ce fichier.

Cela restaurera l'option WordPress Theme Editor, vous permettant d'insérer le code dans le fichier functions.php du thème enfant comme prévu.

D'un point de vue technique, je pense que l'utilisation d'un plugin est une bonne solution si vous ne voulez pas jouer avec le code

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, 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.

Le voici encore:

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 les produits liés à WooCommerce de la page du 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 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 de 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 liés à 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 non plus un problème. Précisez-le simplement dans votre page builder !

Voulez-vous modifier 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.

Voulez-vous exclure les produits liés à WooCommerce d'une sous-catégorie ?

Aucun problème; laissez simplement la section des produits connexes vide pour certaines pages !

Voulez-vous créer une liste de produits liés à WooCommerce ?

Sur la page produit de WooCommerce, vous pouvez afficher les produits associés exactement comme et où vous le souhaitez.

Au lieu d'afficher des produits liés à 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 du 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 du produit WooCommerce si vous utilisez un constructeur de page pour modifier la page du 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 compter sur le modèle de page produit fourni par votre thème pour travailler avec WooCommerce est la meilleure option.

Sur la page du produit WooCommerce, vous pouvez commencer à remplacer les produits liés à WooCommerce par les meilleurs vendeurs, 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 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, classer les produits dans la même catégorie de produits ou utiliser les mêmes balises de produits 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, mais WooCommerce associe également des produits à des balises.

Si vous avez configuré diverses catégories et balises 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 connexes» 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
Shahzaad Saaed a été présenté sur un grand nombre de sites Web d'autorité, notamment EasyDigitalDownloads, OptinMonster et WPBeginner, où il est actuellement employé en tant que rédacteur de contenu senior. Shahzad est un expert WordPress, un concepteur de sites Web et un expert global en technologie et en conception. Il se spécialise dans le marketing de contenu pour aider les entreprises à augmenter leur trafic grâce à des articles, des blogs et des guides d'experts exploitables et fondés sur l'expérience, tous tirés de ses plus de 10 ans d'expérience dans le domaine.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Veuillez 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 ...