WordPress Hosting

Cómo ocultar el SKU en WooCommerce

El SKU o número de referencia es un elemento opcional en los productos WooCommerce, normalmente utilizado para poner códigos IBAN o similares, que si no lo quieres mostrar se puede eliminar fácilmente.

Ocultar el SKU en WooCommerce completamente

Para ocultar el SKU en WooCommerce de todas partes, incluso en el editor, en los datos del producto, solo tienes que añadir el siguiente código a tu plugin de personalizaciones o al archivo functions.php de tu tema hijo.

/** No mostrar SKU **/
add_filter( 'wc_product_sku_enabled', '__return_false' );

O, si lo prefieres, existe un plugin que hace exactamente lo mismo: WooCommerce Remove SKU.

Ocultar el SKU en WooCommerce solo en la página de producto

Ahora bien, si quieres seguir usando el SKU para tus cuestiones internas pero no quieres que se muestre en la página de producto entonces el código es este otro:

/* No mostrar SKU en la página de producto */
add_filter( 'wc_product_sku_enabled', 'aw_remove_product_page_sku' );

function aw_remove_product_page_sku( $enabled ) {
if ( ! is_admin() && is_product() ) {
return false;
}
return $enabled;
}

Y otra variación de uso de este filtro, si lo prefieres, sería esta:

/* Quita el SKU de WooCommerce de la tienda */
add_action('woocommerce_before_single_product_summary', function() {
    add_filter('wc_product_sku_enabled', '__return_false');
});

Y otro modo de hacerlo sería ocultar su visualización mediante CSS, así:

//Ocultar SKU
.sku_wrapper {
display:none;
}
Compartir en redes
Resumir con IA

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en las estrellas para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 15

¡Todavía no hay votos! Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!



Sobre el autor

15 comentarios en “Cómo ocultar el SKU en WooCommerce”

  1. Hola… muy buen aporte! Y si quiero usarlo como código ISBN (para libros), cómo le cambio el nombre?

      1. Pues yo estuve ayer intentando insertar ese código y me da error 404 en toda la web. ¿No sé puede entrar en el editor del plugin en cuestión y cambiar allí la palabra?

          1. Hola Fernando,

            La verdad es que hice un copia y pega y luego sustituí la palabra por «Referencia». Las comillas y todo está bien puesto. Gracias por contestar.

            Saludos.

          2. He probado este y me ha funcionado:

            /*
            Replace SKU on WooCommerce for Other word.
            */

            add_filter(‘gettext’, ‘change_sku’, 999, 3);

            function change_sku( $translated_text, $text, $domain ) {
            if( $text == ‘SKU’ || $text == ‘SKU:’ ) return ‘Código’;
            return $translated_text;
            }

  2. Existe alguna diferencia (tema velocidad u otra cosa que se me escape) a quitarlo mediante CSS?
    .sku_wrapper {
    display:none;
    }

  3. hola y gracias por la info, pero me gustaria saber algo, esta opción deshabilita toda la opcion SKU en el producto como en la pantalla q visualiza el usuario, pero yo solo quiero que no lo vea el usuario y si agregarlo en el producto. me pueden ayudar?

  4. Hola @fernandot:disqus ! Y para que no aparezca el SKU en la factura de compra?

Los comentarios están cerrados.

Scroll al inicio