Woocommerce

Eliminar las pestañas adicionales de producto en WooCommerce

1 hay 1 solo Like :)

WooCommerce por defecto muestra al menos 2 pestañas además de la información básica del producto, la de la descripción del producto y la de las valoraciones, pero si no las necesitas puedes eliminarlas fácilmente.

Cómo eliminar solo la pestaña de descripción

Si solo quieres eliminar la pestaña de la descripción y dejar las demás pues, por ejemplo, siempre vienen bien las estrellitas en los resultados de búsqueda de Google, puedes hacerlo fácilmente.

Solo tienes que acceder al archivo de funciones de tu tema hijo (functions.php) o a tu plugin de personalizaciones ya añadir lo siguiente:

//Quitar pestaña de descripción
add_filter( 'woocommerce_product_tabs', 'ayudawp_remove_description_tab', 50 );
function ayudawp_remove_description_tab( $tabs ) {
    unset( $tabs['description'] );
    return $tabs;
}

Como eliminar solo la pestaña de valoraciones

Si, por el contrario, lo que quieres es quitar la pestaña de valoraciones entonces el código a añadir sería este otro:

//Quitar pestaña de valoraciones
add_filter( 'woocommerce_product_tabs', 'ayudawp_remove_reviews_tab', 50 );
function ayudawp_remove_reviews_tab( $tabs ) {
    unset( $tabs['reviews'] );
    return $tabs;
}

Cómo eliminar solo la pestaña de información adicional

La información adicional es la que muestra atributos en modo listado cuando se decide mostrarlos en la página de producto, y casi nunca aporta nada, así que puedes quitarla casi siempre, y sería con este otro código:

//Quitar pestaña de información adicional
add_filter( 'woocommerce_product_tabs', 'ayudawp_remove_additional_info_tab', 50 );
function ayudawp_remove_additional_info_tab( $tabs ) {
    unset( $tabs['additional_information'] );
    return $tabs;
}

Cómo eliminar todas las pestañas

¿Ah, que querías todas? Más fácil imposible, no hace falta que añadas todos los códigos anteriores, mejor utiliza este otro código que los unifica a todos:

//Quitar todas las pestañas de WooCommerce
add_filter( 'woocommerce_product_tabs', 'ayudawp_woo_remove_product_tabs', 98 );

function ayudawp_woo_remove_product_tabs( $tabs ) {

    unset( $tabs['description'] );      	// quita la pestaña descripción
    unset( $tabs['reviews'] ); 			// quita la pestaña valoraciones
    unset( $tabs['additional_information'] );  	// quita la pestaña información adicional

    return $tabs;

}

¿Y por CSS no se puede?

Claro, también puedes no mostrar las pestañas en vez de no cargarlas.

Ahora bien, ten en cuenta que este método es menos óptimo, pues tu web carga las funciones y luego oculta la visualización de las pestañas, es mucho más eficiente simplemente evitar que carguen con el método anterior.

Pero si quieres  hacerlo entonces añade este código en el la sección de CSS adicional del Personalizador:

/*Ocultar pestañas de producto*/
.woocommerce .woocommerce-tabs { display:none !important}

¿Y ocultar las pestañas pero que se siga viendo la descripción del producto?

También, entonces el CSS sería el siguiente:

/*Ocultar pestañas de producto*/
.woocommerce .woocommerce-tabs ul.tabs {display:none !important}