Skip to main content
0

Editar pestañas de datos de productos (product tabs)

Editar pestañas de datos de productos (product tabs)

Debe agregar el código al archivo functions.php del tema  hijo o mediante un complemento que permita que se agreguen funciones personalizadas, como el plugin   Code snippets. No agregue código personalizado directamente al archivo functions.php de su tema principal, ya que se borrará por completo cuando este se actualice.

Eliminar pestañas

Use el siguiente fragmento para eliminar pestañas específicas

//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;

}

Cómo hacerlo con CSS

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}

Cambiar el nombre de las pestañas

Use el siguiente fragmento para cambiar el nombre de las pestañas.

/ **
* Cambiar el nombre de las pestañas de datos del producto
* /
add_filter ('woocommerce_product_tabs', 'woo_rename_tabs', 98);
function woo_rename_tabs ($tabs) {

$tab['description']['title'] = __ ('Más información'); // Cambiar el nombre de la pestaña de descripción
$tab['reviews']['title'] = __ ('Calificaciones'); // Cambiar el nombre de la pestaña de opiniones
$tab['additional_information']['title'] = __ ('Datos del producto'); // Cambiar el nombre de la pestaña de información adicional

return $tabs;
}

Reordenamiento de pestañas

Use el siguiente fragmento para cambiar el orden de las pestañas

/ **
* Reordenar pestañas de datos de productos
* /
add_filter ('woocommerce_product_tabs', 'woo_reorder_tabs', 98);
function woo_reorder_tabs($tabs) {

$tabs['reviews']['priority'] = 5; // Comentarios primero
$tabs['description']['priority'] = 10; // Descripción segunda
$tabs['additional_information']['priority'] = 15; // Información adicional tercera

return $tabs;
}

Personaliza una pestaña

El siguiente fragmento reemplazará la pestaña de descripción con una función personalizada

/ **
* Personalice las pestañas de datos del producto
* /
add_filter ('woocommerce_product_tabs', 'woo_custom_description_tab', 98);
function woo_custom_description_tab ($tabs) {

$tabs['description']['callback'] = 'woo_custom_description_tab_content'; // devolución de llamada de descripción personalizada

return $tabs;
}

function woo_custom_description_tab_content () {
echo '< h2 > Descripción personalizada </ h2 >';
echo '< p > Aquí hay una descripción personalizada </ p >';
}

Agrega una pestaña personalizada

Use el siguiente fragmento para agregar una pestaña de producto global personalizada

/ **
* Agregar una pestaña de datos de productos personalizados
* /
add_filter('woocommerce_product_tabs', 'woo_new_product_tab');
function woo_new_product_tab($tabs) {

// Agrega la nueva pestaña

$tabs['test_tab'] = array (
'title' =>__('Nueva pestaña de producto', 'woocommerce'),
'prioridad' => 50,
'callback' => 'woo_new_product_tab_content'
);

return $tabs;

}
function woo_new_product_tab_content() {

// El contenido de la nueva pestaña

echo '< h2 > Pestaña Producto nuevo </ h2 >';
echo '< p > Aquí está su pestaña de producto nuevo. </ p >';

}

La pestaña Información adicional

Tenga en cuenta que la pestaña » Información adicional » solo se mostrará si el producto tiene peso, dimensiones o atributos (no se utiliza para la variación de productos variables). Si intenta aplicar un cambio a esa pestaña y si el producto no tiene peso, dimensiones o atributos, recibirá un mensaje de error similar a:

Advertencia : call_user_func () espera que el parámetro 1 sea una devolución de llamada válida, sin matriz o cadena en  /mysite/wp-content/plugins/woocommerce/templates/single-product/tabs/tabs.php  en la línea  35

En ese caso, debe usar etiquetas condicionales de WooCommerce:

  • has_attributes()
  • has_dimensions()
  • has_weight()
/ **
* Compruebe si el producto tiene atributos, dimensiones o peso para anular el call_user_func () espera que el parámetro 1 sea un error de devolución de llamada válido al cambiar la pestaña adicional
* /
add_filter ('woocommerce_product_tabs', 'woo_rename_tabs', 98);

función woo_rename_tabs ($tabs) {

producto global $;

if ($product-> has_attributes () || $product-> has_dimensions () || $product-> has_weight ()) {// Compruebe si el producto tiene atributos, dimensiones o peso
$tabs['additional_information'] ['title'] = __ ('Datos del producto'); // Cambiar el nombre de la pestaña de información adicional
}

return $tabs;

}

 

 

Te invito a seguir a Risi.cl
en Facebook y/o Instagram

Tags:

Relacionados

error woocommerce webpay WoocommercePluginsErroresComplementos Woocommerce Error Webpay con Woocommerce, no se muestra la forma de pago

Error Webpay con Woocommerce, no se muestra la forma de pago

Risi.cldiciembre 15, 2023
Cómo calcular valores ingresados por contact form 7 WordpressPluginsContact form 7 Cómo calcular valores ingresados por Contact Form 7

Cómo calcular valores ingresados por Contact Form 7

Risi.cljunio 2, 2023
Enviar varios correos desde un mismo formulario con Contact Form 7 WordpressPluginsContact form 7 Enviar varios correos desde un mismo formulario con Contact Form 7

Enviar varios correos desde un mismo formulario con Contact Form 7

Risi.clmayo 6, 2023

DEJA UN COMENTARIO