fbpx

Reordenar pestañas de la ficha de producto de WooCommerce

Hoy vemos cómo puedes reordenar las distintas pestañas de la ficha de producto de WooCommerce con este sencillo tutorial.

La semana pasada veíamos cómo puedes eliminar las pestañas de la ficha de producto de WooCommerce, aunque quizá esa solución sea un poco radical para tu proyecto. Puede que solamente necesites reordenarlas para que se muestren en según tus preferencias.

Por lo que si quieres reordenar las pestañas de la ficha de producto de tu instalación de WooCommerce, no te pierdas el siguiente tutorial.

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

Para reordenar las pestañas de la ficha de producto de WooCommerce, sólo tienes que añadir el siguiente código en tu plugin de funciones:

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

add_filter( 'woocommerce_product_tabs', 'mk_woocommerce_reordenar_tabs', 98 );
function mk_woocommerce_reordenar_tabs( $tabs )
{

	if( isset( $tabs['reviews']['priority'] ) ){
	    $tabs['reviews']['priority'] = 10;
	}
	if( isset( $tabs['description']['priority'] ) ){
	    $tabs['description']['priority'] = 20;
	}
	if( isset( $tabs['additional_information']['priority'] ) ){
	    $tabs['additional_information']['priority'] = 30;
	} 

    return $tabs;
}

Dentro de function mk_woocommerce_reordenar_tabs indicamos que pestañas queremos reordenar. Por lo tanto, para hacer que una pestaña aparezca antes que otra, solo tienes que indicarle una prioridad más baja.

En el snippet, la pestaña de reviews aparece primero, luego la pestaña de descripción y por último la pestaña de información adicional. Así, con solo alterar los valores de las prioridades, puedes definir el orden que se se aplicará a las pestañas de tus fichas de producto.

Como ves, no es necesario instalar ningún plugin para reordenar las pestañas de la ficha de producto de WooCommerce. Bastan unas pocas líneas de código en tu plugin de funciones para resolverlo de forma fácil y rápida. Además, haciéndolo así, cada vez aprenderás más sobre WooCommerce y la instalación de tu tienda online.

Si te ha gustado este tutorial, recuerda que si te suscribes, tendrás acceso a todo el contenido premium.

Y como siempre, si tienes cualquier problema, no dudes en contactar conmigo. Nos vemos en la próxima entrega, con un nuevo tutorial. 😉

Author avatar
Ángel Martín
Ayudo a emprendedores y empresas a digitalizar su negocio y sus procesos optimizando sus costes.