Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec du code ? Guide pratique complet

existent WooCommerce Par défaut, le champ SKU (stock keeping unit) est affiché sur la page de détail du produit pour différencier l'inventaire du produit. Mais dans de nombreux cas, les commer?ants ne souhaitent pas afficher le SKU directement aux utilisateurs, par exemple :

  • Le produit est personnalisé et n'a pas besoin d'être numéroté.
  • La conception visuelle des pages doit être minimaliste
  • Les UGS n'ont pas de valeur de référence réelle pour les clients

Ce qui suit va vous présenter comment cacher le contenu de l'affichage du SKU de la page produit de WooCommerce avec un code simple, sans plugin, et avec un effet rapide.

Image [1] - Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec du code ? Guide pratique complet

I. Comment masquer l'affichage de l'UGS

Vous souhaitez masquer l'affichage des UGS sur les pages produits de WooCommerce ? C'est facile ! WooCommerce est con?u pour cacher les UGS sur la page produit à travers la fonctioncrochets(crochet) pour afficher les UGS, vous pouvez facilement l'enlever en le décrochant. Voici comment procéder :

1) Ouvrir la page d'accueil du thème functions.php papiers

Le fichier se trouve à l'adresse suivante :

WordPress Backend → Apparence → Editeur de fichiers de thème → functions.php

Image [2] - Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec un code ? Guide pratique complet

Il est recommandé d'utiliser un thème enfant ou un plugin d'extraits de code (par exemple Code Snippets) pour effectuer des modifications afin d'éviter qu'elles ne soient écrasées après une mise à jour du thème.

2) Ajouter le code suivant

add_filter('wc_product_sku_enabled', '__return_false' ) ;

La signification de ce code est : putWooCommerce Les filtres utilisés pour contr?ler l'affichage de l'UGS dans la rubrique wc_product_sku_enabled fixé à fauxLa fonction d'affichage de l'UGS au premier plan est désactivée.

Avant d'ajouter du code :

Image [3] - Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec du code ? Guide pratique complet

II. vérification de l'efficacité

Après avoir ajouté le code :

Image [4] - Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec un code ? Guide pratique complet

Sauvegarder et rafra?chiroffresAprès la page, vous constaterez que l'UGS n'est plus affichée dans les informations de synthèse du produit et que cela n'affectera pas la gestion des UGS dans la page d'édition du backend. En d'autres termes :

  • Les informations relatives aux UGS peuvent également être saisies et sauvegardées dans le backend.
  • Les UGS peuvent être utilisées pour la gestion des commandes, le contr?le des stocks, etc.
  • Le champ UGS ne sera pas visible pour les visiteurs du site.

III. supplémentaire : masquer les UGS pour les articles simples uniquement ?

Si vous ne souhaitez masquer les UGS que pour une certaine catégorie de produits (par exemple, "Produits simples" uniquement), vous pouvez utiliser le code plus complexe suivant pour mettre en ?uvre le jugement conditionnel :

add_filter('wc_product_sku_enabled', 'custom_hide_sku_for_simple_products', 10, 2 ) ;
function custom_hide_sku_for_simple_products( $enabled, $product ) {
    if ( is_product() && $product->is_type( 'simple' ) ) {
        return false ; }
    }
    return $enabled ;
}

La logique de ce code est qu'une seule page de produit (is_product()L'affichage des UGS est désactivé lorsque le type de produit est "simple", mais les autres types de produits sont conservés.

IV. questions fréquemment posées

Image [5] - Comment supprimer l'affichage des SKU de la page produit de WooCommerce avec du code ? Guide pratique complet

Q1 : Ce code est-il également valable pour les articles à variantes ?

par défaut add_filter('wc_product_sku_enabled', '__return_false' ) ; Cela concerne tous les types de produits, y compris les produits variables, groupés, etc.

Si vous ne souhaitez bloquer que certains types, reportez-vous au deuxième code fourni ci-dessus et adaptez les conditions de jugement en fonction de vos besoins.

Q2 : Comment restaurer l'affichage de l'UGS ?

Il suffit de supprimer ou de commenter le code ajouté et d'actualiser la page pour rétablir l'affichage par défaut.

V. CONCLUSIONS

Pas besoin d'installer des plugins, pas besoin de modifier le template, il suffit d'ajouter une ligne de code dans le fichier functions.php du thème pour rendre la fonction WooCommerce Les pages produits sont plus propres. Il s'agit de la première étape de l'optimisation de vos pages produits, et nous partagerons à l'avenir d'autres conseils de personnalisation de WooCommerce pour créer un site e-commerce de qualité professionnelle.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Auteur : linxiulian
LA FIN
Si vous l'aimez, soutenez-le.
félicitations127 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires