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](http://gqxi.cn/wp-content/uploads/2025/06/20250623153649277-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250623155027901-image.png)
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é à faux
La 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](http://gqxi.cn/wp-content/uploads/2025/06/20250623155434672-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250623155557764-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/06/20250623155840218-image.png)
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.
Lien vers cet article :http://gqxi.cn/fr/62319L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires