• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Plugins / Atributos como parte de la descripción del producto en WooCommerce

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

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

[ 19 abril 2022 ] [ Autor: Jhon Marreros Guzmán ][ Plugins - Intermedio] [ ]

mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

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:

Mover atributos del tab información adicional

 

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:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mover el precio de variaciones de producto en WooCommerceMover el precio de variaciones de producto en WooCommerce
  • Campo de texto para escribir en productos WooCommerceCampo de texto para escribir en productos WooCommerce
  • Tabs a acordeón en página de productos de WooCommerceTabs a acordeón en página de productos de WooCommerce
  • Guía visual de Hooks para StoreFront y WooCommerceGuía visual de Hooks para StoreFront y WooCommerce
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (2 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social

Populares

Apuntar el dominio principal de un sitio WordPress a una carpeta

Agregar super administrador a multisitio de WordPress

Agregar login y logout en un menú de WordPress

Mostrar lista de sub páginas en página padre en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2022 Todos los derechos reservados