WooCommerce Snippet: Ordenar las pestañas en la página de producto

WooCommerce Snippet- WooCommerce Snippet- Ordenar las pestañas en la página de producto

Buenas.

Hoy os traigo un snippet (trocito de código) para ordenar las pestañas de la página de producto de WooCommerce.

Para que sepamos a lo que me refiero, pongo una imagen de dichas pestañas:

oscarabadfolgueira - petanias woocommerce producto

Seguramente sólo tengamos las dos que se muestran en la imagen, es decir: «Descripción» y «Comentarios«.

En este tutorial vamos a ver cómo ordenar estas dos en concreto. Si queréis que haga otro tutorial donde vamos cómo ordenar todas las pestañas que podamos tener, me enviáis un email a través del formulario de contacto y veremos lo que se puede hacer, ok?

Pues nada, como es típico, todo está en ingles. Me refiero al nombre de las pestañas. Por lo tanto para referirnos a ellas en el código, en lugar de «Descripción» y «Comentarios«, lo haremos como «description» y «reviews«.

Para referirnos a la pestaña «description» lo haremos a través del acceso al array como:

$tabs['reviews']

Ah, pero con esto no hacemos nada, ¿verdad? como lo que queremos es ordenar las pestañas lo haremos utilizando la propiedad «priority» del array de pestañas de la siguiente forma:

$tabs['reviews']['priority']

Ahora si, ahora accedemos a la propiedad de la prioridad y establecemos los valores que necesitemos.

Antes de establecer los valores de prioridad a cada pestaña, debemos recordar que se le asigna un valor numérico y cuanto mas pequeño sea el valor, más prioridad. Es decir que cuanto más pequeño sea el valor, antes aparecerá dicha pestaña.

Por consiguiente, vamos a poner la pestaña de comentarios en primer lugar y la pestaña de descripción en segundo lugar y para ello utilizaremos el siguiente código:

$tabs['reviews']['priority'] = 5;
$tabs['description']['priority'] = 10;

Muy bien, ahora sólo nos queda utilizar un action hook: «woocommerce_product_tabs» y crear la función que realizará los cambios.

A continuación pongo todo el código para que lo podáis incluir en el fichero «functions.php» de vuestro tema o incluso crear un plugin si os apetece.

Y para estar seguros, a continuación pongo la imagen con el cambio del orden de las pestañas realizado:

oscarabadfolgueira - pestanias woocommerce producto cambiado orden

Bueno, espero que os sea útil.

Saludos y hasta el siguiente…