Ordenar las pestañas de producto en Woocommerce

Además de quitar las pestañas que queramos en un producto, podemos cambiar el orden en que se visualizan estas pestañas, para ello necesitamos averiguar el id de las pestañas que queremos ordenar. Para ello en este artículo podemos ver además de quitar las pestañas, cómo averiguar la id de la pestaña.

Para ordenar las pestañas del producto que estamos mostrando a los visitantes de nuestra web de WordPress, tenemos, como siempre, abrir el archivo functions.php del tema de WordPress. Y en la última línea poner:

add_filter( 'woocommerce_product_tabs', 'wc_reordenar_tabs', 98 );
function wc_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;
}

En este ejemplo, le estamos diciendo a tres pestañas, cuyos ids son reviews, description y additional_information, que su orden es 10, 20 y 30 respectivamente. El orden no tiene porque ser de diez en diez, también podría ser 1,2 y 3. Pero es recomendable usar de diez en diez.

Recordar que para averiguar las ids de las pestañas de nuestro producto, tenemos que averiguar cuáles son, tal como explico en este artículo.

Al colocar este código php en nuestro archivo de functions.php del tema, lo que logramos es alterar el orden con el que Woocommerce utiliza las pestañas de producto. Estamos decidiendo que estas tres pestañas aparecen con el orden que se les asigna la prioridad (10, 20 y 30)

Y, pues nada más, eso es todo.

Wireframe de web woocommerce

Deja un comentario