Cuando debemos encargarnos de proyecto de tienda online, una de las opciones más habituales es recurrir a WordPress y su plugin WooCommerce debido a su sencillez en la implementación. Sin embargo, debo reconocer que esta combinación no es muy flexible a nivel de diseño de contenidos, ya que la apariencia de las diferentes páginas que componen el ecommerce están muy encorsetadas si no tienes conocimientos de programación.
Realizar un desarrollo con WooCommerce puede convertirse en algo monótono si nos ceñimos a lo que desde el backend se nos permite hacer. Un ejemplo de esto son las pestañas que encontramos normalmente al final de la ficha de un producto, destinadas a mostrar la descripción, valoraciones e información adicional del mismo. Algunas de ellas podemos desactivarlas desde el panel, pero otras no y dependen de si hay contenido para mostrar o no. Para eliminar estas pestañas a nuestro criterio vamos a recurrir al filtro woocommerce_product_tabs
donde incluiremos una función personalizada que se encargará de sacar del listado la que nosotros queramos.
Eliminar pestaña de descripción
/*
* Eliminamos la pestaña "Descripción" del producto
*/
add_filter( 'woocommerce_product_tabs', 'remove_description_tab', 11 );
function remove_description_tab( $tabs ) {
unset( $tabs['description'] );
return $tabs;
}
Eliminar pestaña de valoraciones
/*
* Eliminamos la pestaña "Valoraciones" del producto
*/
add_filter( 'woocommerce_product_tabs', 'remove_reviews_tab', 11 );
function remove_reviews_tab( $tabs ) {
unset( $tabs['reviews'] );
return $tabs;
}
Eliminar pestaña de información adicional
/*
* Eliminamos la pestaña "Información adicional" del producto
*/
add_filter( 'woocommerce_product_tabs', 'remove_additional_information_tab', 11 );
function remove_additional_information_tab( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs;
}
Si lo que queremos es eliminar más de una pestaña a la vez, no es necesario hacer una función individual para cada una. Haríamos una general y en su interior incluiríamos los unset( $tabs['pestaña'] );
que queramos.
Para ampliar más información, puedes consultar la documentación técnica sobre cómo editar las pestañas de datos de WooCommerce.
Deja una respuesta