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

Inicio / Tutoriales Premium / Woocommerce / 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í ⭐

Profesor: Jefferson M

  2 de julio de 2020

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.

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 ⭐

8 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?

    Responder
  2. Hola no logro conseguir esta plantilla pueda ser funcional con el plugin, que me indicas, la idea es remplazar la plantilla anticuada que trae el plugin

    Responder
    • Jefferson M

      Vale, sería bueno que dejes lo que necesitas como una idea de tema para tutorial premium, así podemos investigarlo más a fondo y poder ayudarte con un tutorial premium de como lograrlo. Puedes dejarlo en el área de ideas de la intranet.

      Responder
  3. ok muchas gracias

    Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

14 + 13 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi