L’UGS (SKU en anglais) est l’unité de gestion de stock de WooCommerce. Il correspond à une référence unique pour chaque produit disponible dans votre boutique.

Vous pouvez le trouver (et le remplir) sur la page d’édition d’un produit dans l’onglet Inventaire :

ugs woocommerce snippet wpmarmite

Si vous ne l’utilisez pas encore sur votre boutique et que vous n’en voyez pas l’utilité, je vous invite à lire cet article (en anglais) sur le blog WooCommerce. Il vous explique pourquoi vous devriez absolument vous y mettre.

Sur la plupart des thèmes, l’UGS s’affiche sur vos pages produits de la manière suivante :

ugs page produit woocommerce snippet wpmarmite

Si vous ne souhaitez pas qu’il soit visible ici et le garder uniquement pour l’administration et le suivi de vos commandes, vous pouvez ne pas l’afficher en utilisant le snippet suivant.

Copiez-collez ce code dans le fichier functions.php de votre thème enfant:

/* Ne pas afficher l'UGS sur vos pages produits */

add_filter( 'wc_product_sku_enabled', 'wpm_remove_sku' );

function wpm_remove_sku( $enabled ) {
	// Si on est pas dans l'admin et si on est sur la page produit
    if ( !is_admin() && is_product() ) {
        return false;
    }
    return $enabled;
}

et voilà le travail :

Les UGS ne sont maintenant plus visibles sur les pages produits de votre boutique !

Comment masquer les SKUs avec du CSS

Je vous avoue qu’on peut également le faire en appliquant un display: none; en CSS, mais c’est moins propre et toujours visible dans le code source de la page.

Si toutefois cela est plus pratique pour vous, insérez le code suivant dans le fichier style.css de votre thème enfant ou dans le champ CSS Personnalisé de votre thème :

/* Masquer l'UGS des pages produits */
.product .sku_wrapper {
      display: none;
}

Comment désactiver les SKUs sur WooCommerce

Malgré tout ce que l’on a pu vous en dire, vous ne trouvez pas que les SKUs soient d’une quelconque utilité, vous pouvez choisir de les désactiver.

Comme l’a fait remarquer Aurélien de WPChannel dans les commentaires, il suffit d’ajouter une petite ligne de code pour s’en charger. La voici :

/* Désactiver les SKUs sur WooCommerce */
add_filter('wc_product_sku_enabled', '__return_false');

Bon O.K., il y a deux lignes. Mais bon, le commentaire est important pour savoir de quoi il s’agit !

Avec tout ça, vous devriez être arrivé à vos fins 🙂

Aimeriez-vous masquer d’autres choses sur votre boutique ? Dites-nous tout en commentaire !