Vous êtes ici : Accueil | Snippets WordPress | WooCommerce | WooCommerce : ne pas afficher l’UGS sur les pages produits

WooCommerce : ne pas afficher l’UGS sur les pages produits

woocommerce snippet

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 cette article (en anglais) sur le blog WooCommerce qui 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 voila 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 ok, 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 !

Vous débutez ? Procurez-vous le Kit du Freelance WordPress

Trouver les bons clients, leur vendre des prestations et bien communiquer avec eux n'est pas inné. Évitez les galères et gagnez du temps en vous formant aux côtés de ces 7 professionnels.

Commencer maintenant

2 commentaires Ajoutez le vôtre

  1. Salut Alex,

    et si l’on veut désactiver complètement cela, une ligne suffit :
    add_filter('wc_product_sku_enabled', '__return_false');

    Répondre
    • Merci Aurélien, je l’ajoute en complément 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



4986c760b2175fbe27f3fb1e56b51c19TTTTTTTTTTT
Partagez
Tweetez
Partagez