Reordenar las pestañas de las fichas de producto en WooCommerce

Funciones útiles para Woocommerce

He estado bastante tiempo sin escribir por una colaboración en un gran proyecto.

La parte más positiva (a parte de la gente que he conocido) es la cantidad de funciones útiles para el desarrollo de tiendas con WooCommerce. He decidido publicar y explicar un par de funciones a la semana.

Estas publicaciones me servirán a modo de documentación (tengo por ahí un montón de archivos con funciones útiles desordenadas y apenas comentadas), pero también espero que le sirva a más gente (como tú) que esté buscando cómo cambiar el logo de la página de login de WordPress, o cómo mostrar atributos de manera distinta para unos productos u otros.

Esta primera función será sencilla y sirve para reordenar las pestañas de las fichas de producto.

WooCommerce tiene tres pestañas por defecto en la ficha de productos: «Descripción», «Información adicional» y «Opiniones» y las muestra en ese orden por defecto.

Bien, pues podemos cambiarlo de varias formas, pero incorporando éste script al functions.php del tema que estéis creando o modificando (bueno, si modificáis un tema comercial, mejor crear un childtheme para hacerlo, pero eso ya lo explicaré en otro post), no habrá problemas y no tenéis que sobreescribir el archivo original de WooCommerce (content-single-product.php)

/* ************************************************************************************
Filtro para reordenar las pestañas de la ficha de producto
************************************************************************************
*/
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );

function woo_reorder_tabs( $tabs ) {

$tabs['additional_information']['priority'] = 10; // Información adicional 1º
$tabs['description']['priority'] = 15;            // Descripción 2º
$tabs['reviews']['priority'] = 20;                // Opiniones 3º

return $tabs;
}

Con este script lo que hacemos es usar un hook de WooCommerce para cambiar los parámetros de la función original donde $tabs son los parámetros de las pestañas y 10, 15, 20 los valores. A menor valor, mayor prioridad. De esta forma el 10 es la primera pestaña, el 15 es la segunda y el 20 es la tercera, devolviendo esos nuevos valores para los parámetros y mostrándonos el nuevo orden.

Pues eso es todo en esta entrada. Espero que la pongáis en práctica y recordad: Sólo se aprende rompiendo y destripando el código. ¡Practica!.

Compartidlo si lo veis útil.