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:
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:
Bueno, espero que os sea útil.
Saludos y hasta el siguiente…
