WooCommerce : Eliminar PESTAÑAS de la ficha de producto

Fecha Publicación:       14 de Abril de 2024
Fecha Modificación:       26 de Abril de 2024

→  Documentacion Oficial de WooCommerce Editar pestañas de datos de productos

 

¿Cómo eliminar las pestañas de la ficha de producto?

Para eliminar las pestañas de la ficha de producto, solo tienes que seguir los siguientes pasos:

Paso 1. Identificar la clase CSS de la pestaña

Dirígete a uno de tus productos y busca las pestañas cerca de la parte inferior de tu ficha de producto. Normalmente la encontrarás debajo de la descripción breve del producto y del botón de Añadir al carrito.

Utiliza la opción Inspeccionar de Chrome para ver el código fuente de dicho elemento. Para ello, sitúa el cursor sobre el título de la pestaña, pulsa el botón derecho del ratón y haz click en la opción Inspeccionar del menú que te aparerá.

 

Identifica la class de CSS que define el estilo de la pestaña que quieres eliminar.

Anota cualquiera de las clases CSS de las pestañas que quieres ocultar. Omite la sintaxis _tab al final de la clase. Solo necesitas la primera parte.

Paso 2. Eliminar las pestañas seleccionadas

Ahora que ya tienes identificadas las clases CSS de las pestañas que quieres eliminar, sólo tienes que añadir el siguiente código en tu archivo de funciones de tu tema hijo (functions.php) o a tu plugin de personalizaciones

// Elimina las pestañas de la ficha de producto de WooCommerce

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 10 );

function woo_remove_product_tabs( $tabs ) {

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

    return $tabs;
}

 

Articulo : 817 - Veces Leidas
Compartir Articulo:

Artículos Relacionados

×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web