En WooCommerce, las páginas de productos por defecto incluyen varias pestañas, como «Descripción», «Opiniones» e «Información Adicional». Sin embargo, en algunos casos, es posible que no quieras mostrar toda esta información, y una de las pestañas que muchas tiendas prefieren ocultar es la de «Información Adicional», ya que puede no ser relevante para todos los productos.
En este post, te mostraremos cómo eliminar la pestaña de «Información Adicional» en WooCommerce con un simple fragmento de código.
¿Por qué eliminar la pestaña de «Información Adicional»?
La pestaña «Información Adicional» en WooCommerce suele mostrar datos como dimensiones, peso, o atributos del producto. Sin embargo, si estos datos no son importantes para tus productos o simplemente no tienes atributos relevantes que mostrar, la pestaña puede quedar vacía o mostrar información innecesaria. Eliminarla ayuda a simplificar la interfaz y mejorar la experiencia del usuario.
Código para eliminar la pestaña de «Información Adicional»
A continuación te proporcionamos el código que puedes utilizar para eliminar esta pestaña de la página de producto en WooCommerce:
/**
* Remove Additional Information Tab @ WooCommerce Single Product Page
*/
add_filter( 'woocommerce_product_tabs', 'njengah_remove_product_tabs', 9999 );
function njengah_remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs;
}
Explicación del Código:
add_filter('woocommerce_product_tabs', 'remove_additional_information_tab', 9999);
Este filtro se utiliza para modificar el conjunto de pestañas que se muestran en la página de producto de WooCommerce. Al añadir el filtro, llamamos a la funciónremove_additional_information_tabque realizará la eliminación.function remove_additional_information_tab( $tabs ) { unset( $tabs['additional_information'] ); return $tabs; }
La función que se pasa al filtro accede a las pestañas ($tabs) y utiliza la funciónunset()para eliminar específicamente la pestaña de «Información Adicional». Luego, devuelve el array de pestañas modificado.
¿Cómo implementar este código?
Para implementar este código en tu tienda WooCommerce, sigue estos pasos:
- Accede al editor de temas de WordPress:
- Inicia sesión en tu sitio WordPress.
- Ve a Apariencia > Editor de temas desde el menú del panel de administración.
- Añade el código en el archivo functions.php:
- En el editor de temas, abre el archivo
functions.phpde tu tema hijo. Si no tienes un tema hijo, es recomendable crearlo para que no pierdas los cambios en futuras actualizaciones del tema. - Copia y pega el código anterior al final del archivo
functions.phpy guarda los cambios.
- En el editor de temas, abre el archivo
- Verifica el resultado:
- Abre cualquier página de producto en tu tienda WooCommerce y verás que la pestaña de «Información Adicional» ya no aparece.
Ventajas de eliminar la pestaña «Información Adicional»:
- Interfaz más limpia: Si no utilizas atributos o datos adicionales para los productos, esta pestaña puede quedar vacía, lo que podría confundir a los clientes o hacer que la página luzca desordenada. Al eliminarla, simplificas la presentación de información.
- Mejor experiencia de usuario: Menos pestañas innecesarias significa que los clientes pueden encontrar la información relevante de manera más rápida y sencilla.
- Personalización: Adaptar tu tienda a las necesidades específicas de tus productos y clientes es clave. Si no necesitas mostrar información adicional, no tiene sentido mantener la pestaña visible.
Conclusión
Eliminar la pestaña de «Información Adicional» en WooCommerce es una manera sencilla de hacer que las páginas de producto sean más concisas y fáciles de navegar. Con un pequeño fragmento de código, puedes quitar esta pestaña y ofrecer una mejor experiencia de usuario a tus clientes.
Si en el futuro decides que quieres volver a mostrar la pestaña, simplemente elimina o comenta el fragmento de código y la pestaña volverá a aparecer. ¡Es así de fácil!