Cómo alinear verticalmente las imágenes de Woo de un producto en Divi

Inicio / Tutoriales Premium / Woocommerce / Cómo alinear verticalmente las imágenes de Woo de un producto en Divi

Contenido Restringido🖐

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

Profesor: Jefferson M

  4 de septiembre de 2020

En este videotutorial prémium aprenderás a alinear las imágenes de la galería Woo verticalmente en un producto en Divi. Es un tutorial prémium pedido por uno de nuestros suscriptores, así que nos pusimos manos a la obra.

Recuerda que puedes descargar tanto el archivo .JSON como el código que se uso en el tutorial en la parte inferior, en la zona de recursos del tutorial.

Objetivo del profesor:

La idea es lograr apilar las imágenes de la galería de productos que nos muestra WooCommerce en cada producto, e insertar un pequeño cachó de código CSS personalizado dentro del Theme Builder para lograr generar esta. Visualización correcta.

Es un proceso relativamente sencillo, pero hay que tomar en cuenta varios detalles, como la anchura del contenedor de producto y la distribución de las columnas en la página de producto. Lo vemos a detalle en el vídeo, de esta manera lograremos alinear verticalmente las imágenes de Woo de un producto en Divi.

Resultado:

Lograremos un resultado igual a este:

alinear verticalmente las imágenes de Woo de un producto en Divi

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.

4 Comentarios

  1. oscar v

    Hola, excelente vídeo. Como podría hacer si tengo mas de 4 imágenes en galería de productos. Una opción para que puede usar botones de navegación cuando sean mas de 4. Saludos

    Responder
  2. jairo p

    hola gracias pero no me deja descargar las plantillas me indica que esta dañado el archivo

    Responder
    • Jefferson M

      Hola Jairo, ya hemos corregido el enlace de descarga, muchas gracias por avisarnos.

      Responder

Enviar un comentario

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

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

Black
Friday

Accede a más de 1260 contenidos para aprenderDivi de manera profesional