En WooCommerce nos apoyamos de diferentes pestañas para incluir información sobre los productos que ponemos a la venta en nuestra tienda online. Estas pestañas son la de «Descripción», «Información adicional» y «Valoraciones».
En algunas ocasiones puede que queramos eliminar alguna de estas pestañas, cambiarles el nombre, reordenarlas, personalizarlas o agregar pestañas nuevas. Vamos a ver cómo hacer cada una de estas cosas.
Cómo eliminar pestañas de la página de producto en WooCommerce
Como decíamos anteriormente, puede que por algún motivo queramos eliminar alguna o algunas de las pestañas de WooCommerce. Esto es algo muy sencillo de hacer con el siguiente fragmento de código:
Como podemos observar en las imágenes superiores, en este ejemplo hemos utilizado el snippet para ocultar la pestaña de «Información adicional». Evidentemente, con el snippet podrás ocultar otra pestaña distinta o, incluso, todas.
Cómo cambiar el nombre de las pestañas de la página de producto en WooCommerce
Puede que en realidad, por las características de la tienda online, queramos cambiarle el nombre a una o varias pestañas de la página de producto. Por ejemplo, puede que nos resulte interesante que la pestaña de «Descripción» pase a llamarse «Especificaciones técnicas».
Al igual que siempre hacemos, haremos este cambio con el siguiente snippet:
Como podéis observar, además de cambiar los títulos a las pestañas, también hemos cambiado los encabezados para que haya concordancia entre ambos.
Cómo cambiar el orden de las pestañas de la página de producto en WooCommerce
Entre las posibilidades de personalización de la página de producto de una tienda online con WooCommerce, ya sea nuestra o para un cliente, puede que también necesitemos o queramos cambiar el orden en el que se muestras las pestañas.
A través del siguiente snippet vamos a modificar el orden de las pestañas de «descripción», «información adicional» y «valoraciones». Por ejemplo, vamos a hacer que la pestaña de «valoraciones» se muestre en primera posición, la pestaña de «descripción» en segunda y la pestaña de «información adicional» se muestre en tercer lugar:
Como podéis observar es muy sencillo cambiar el orden en el que se muestran las pestañas.
¡Ojo!: El orden no depende de la posición de las líneas de código, sino de la prioridad que le asignemos a cada una.
Cómo personalizar las pestañas de la página de producto en WooCommerce
Aunque algo no sea lo habitual siempre nos lo podemos encontrar. Como en este caso, en el que vamos a ver cómo personalizar una pestaña de la página de producto en WooCoomerce.
En este caso, vamos a modificar la pestaña de «descripción», aunque en el propio fragmento de código tenéis las indicaciones para modificar otras pestañas diferentes.
Cómo añadir nuevas pestañas a la página de producto en WooCommerce
Al igual que en los casos anteriores, añadir nuevas pestañas en las página de producto de WooCommerce, es muy sencillo.
Gracias al siguiente snippet, podemos generar todas las pestañas que deseemos o necesitemos:
Y así es como podéis editar, quitar, añadir o personalizar las pestañas de la página de producto de WooCommerce.
Este sitio web utiliza cookies propias para poder optimizar su visita a la página y cookies de terceros para recoger información sobre sus visitas y el uso de nuestra web. Vd. puede permitir su uso, rechazarlo o cambiar la configuración cuando lo desee. En caso de seguir navegando, se considerará que se acepta el uso. Saber más
Los ajustes de cookies de esta web están configurados para «permitir cookies» y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar» estarás dando tu consentimiento a esto.