Atributos como parte de la descripción del producto en WooCommerce

Cuando agregas atributos a un producto estos se muestran en un tab de Información Adicional, en este artículo veremos cómo quitar ese tab y mostrar los atributos de productos en la descripción.

 

Resultado Final

Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:

 

Código para mostrar los atributos en la descripción

Puedes agregar el siguiente código como parte del archivo functions.php de tu tema hijo o usando algún plugin de Snippets.

add_filter( 'woocommerce_product_tabs', 'dcms_remove_tab_additional_information' );
function dcms_remove_tab_additional_information( $tabs ){
  unset($tabs['additional_information']);
  return $tabs;
}

add_action('woocommerce_before_add_to_cart_quantity', 'woocommerce_product_additional_information_tab');
// add_filter('woocommerce_product_additional_information_heading', '__return_empty_string' );

En el código anterior:

• La primera parte del código oculta el tab de Información Adicional, que es donde se muestran los atributos del producto por defecto.
• La segunda parte agrega el contenido de información adicional, dada por la función woocommerce_product_additional_information_tab() en un hook de la pantalla de detalle de producto.
• El último código que esta comentado puedes eliminar el título que aparecerá por defecto sobre la tabla de atributos.

 

Conclusión

Como has podido comprobar, puedes cambiar la forma en que se muestran los atributos en WooCommerce, y en lugar de que se muestren en un Tab de Información Adicional, se muestren directamente como parte del contenido del producto.

 

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores:

Suscríbete a DecodeCMS:  

 

La entrada Atributos como parte de la descripción del producto en WooCommerce es un artículo reciente del sitio DecodeCMS.