El SKU es el número de referencia del producto. Pero, hay mucha usuarios que no quiere usar referencias en su tienda online.
Si no pones ninguna referencia al producto, aparecerá el texto: “SKU: N/D” . Cosa que queda bastante mal. Además, de que no tiene sentido que aparezca si no se está usando.
En ese caso, en el que no queremos usar referencias, lo suyo sería eliminar u ocultar ese texto de: “SKU:N/D”.
Pues eso es precisamente lo que te voy a mostrar cómo hacer.
Lo puedes hacer de muchas maneras. Aquí te voy a mostrar unas cuantas para que elijas la que más fácil te sea.
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
ÍNDICE: QUITAR SKY DE FICHAS DE PRODUCTO WOOCOMMERCE
Cómo quitar el SKU de productos de Woocommerce con un plugin
Efectivamente, si no quieres utilizar ningún tipo de código para eliminar u ocultar el SKU, puedes utilizar un plugin gratuito.
En concreto, este plugin: Quitar SKU de la página de detalles del producto
Una vez lo hayas instalado y activado deberás configurarlo desde: “Woocommerce > ajustes > SKU settings”
Te aparecerá el selector: “Hide product SKU” (Ocultar SKU de productos) y tendrás que ponerlo en “SÍ” para que no se muestre el SKU en los productos.
Finalmente, guarda los cambios.
Cómo quitar el SKU de Woocommece con código PHP
También puedes quitar el SKU de Woocommerce con un código PHP.
El código PHP lo tiene que insertar en el archivo functions.php.
No te asustes, es muy fácil. En este post te lo explico: como insertar código fácil, fácil en el archivo functions.php de WordPress
El código PHP que has de introducir en el functions.php es el siguiente:
/** Desactivar uso del SKU **/
add_filter( 'wc_product_sku_enabled', '__return_false' );
Cómo ocultar el SKU de Woocommerce con código CSS
Otra forma sería utilizar código CSS para ocultar el SKU de los productos de Woocommerce.
Para ello tendrás que introducir un código CSS en tu WordPress.
No te asustes. Es muy fácil añadir código CSS a WordPress. En este post te lo explico muy, muy fácil, ya verás: Cómo insertar código CSS a WordPress, muy fácil.
El código CSS que debes utilizar para ocultar el SKU es este:
//Ocultar SKU vía CSS
.sku_wrapper {
display:none;
}
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.