crear tabla comparativa con Divi

Cómo crear tabla comparativa para productos de WooCommerce con Divi



Contenido Restringido 🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

En este videotutorial prémium aprenderás a crear una tabla comparativa para productos de WooCommerce con Divi y enlazar la misma a los productos de la tienda para añadir a carrito. Es una tabla algo laboriosa, pero bastante funcional y para la que no necesitamos ningún tipo de plugin.

Además, recuerda que puedes descargar el layout completo de la tabla desde los recursos que se encuentran en la parte inferior de este post o desde la zona de layouts de la intranet.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Objetivo:

Seguramente te ha pasado que quieres establecer una comparación de las características de varios productos en una tabla dentro de Divi, pues bien, en este tutorial te vamos a enseñar como crear esta tabla sin ningún tipo de plugin y totalmente personalizada con el Divi Builder.

Resultado:

Una vez que apliques el tutorial lograrás crear una tabla comparativa, con los botones de producto integrados en la misma, y con los detalles necesarios para poder integrarla con WooCommerce. Dentro del tutorial no colocamos los precios, los colocamos fuera de cámara, pero lo que hicimos fue agregar un módulo de texto, nada más.

Además de esto hicimos una adaptación dentro del tutorial, donde aplicamos pequeños cachos de código para hacer que se vieran 2 columnas en la vista de móvil y con eso lográramos un efecto interesante, además de que sea legible la tabla en móvil también

Con el tutorial obtendrás un resultado como este:

Recuerda que si quieres aprender a customizar o personalizar la página de producto con el theme builder tenemos un tutorial donde te enseñamos a hacerlo, así como también otro que te permite personalizar la página de categorías y de resultados de búsqueda de tu tienda online con WooCommerce.

Y finalmente recuerda que tenemos este curso de Divi, donde te enseñamos a detalle a manera el tema, y también este curso de crear una tienda online con Divi y Woocommerce, donde te enseñamos paso a paso a crear una tienda con un diseño impactante con Divi y Woo.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

Artículos relacionados

Comentarios

  1. Como poder hacer funcionar esta pagina, me imagino que cada producto debe tener un botón comparar y al pincharlo se agregue automáticamente, pero como queda enlazado automáticamente y el botón comparar para cada producto, como lo hago parecer?

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →