Hacer un carrusel horizontal tipo swipe de productos de Divi

Inicio / Tutoriales Premium / Woocommerce / Hacer un carrusel horizontal tipo swipe de productos de Divi

Contenido Restringido🖐

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

Profesor: Jefferson M

  29 de julio de 2020

En este videotutorial prémium aprenderás a crear un carrusel horizontal a los productos de tu tienda online hecha con Divi para mejorar la navegabilidad en los productos desde móvil. Te enseñaremos como crear esté deslizador horizontal de manera que los usuarios puedan hacer “swipe” horizontal para explorar una categoría de producto específica, o los que tú les indiques.

Objetivo del profesor:

El objetivo es maximizar el modo en el que los usuarios navegan a través de móvil en nuestra tienda online. Como sabemos, cuando tenemos una tienda con muchos productos, el usuario debe hacer scroll indefinido hacia abajo para ir explorando los productos, pues bien, la idea es que en una pequeña sección podamos colocar un scroll horizontal para permitir que el usuario navegue a través del mismo sin tener que bajar indefinidamente en su móvil.

Resultado:

Anteriormente, ya te hemos enseñado a cambiar el número de columnas en el módulo de blog de Divi con lo que logramos un excelente nivel de personalización, también te enseñamos como crear un carrusel de testimonios con otra librería de Slick y finalmente como crear un carrusel de logos en Divi. En esta ocasión te enseñaremos con un pequeño cacho de código a realizar este “swipe” horizontal a los productos de tu tienda hecha con Divi.

Lograremos un resultado igual a este:

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.

2 Comentarios

  1. Christian Alexis H

    Que tal Jeff!

    Excelente tutorial, me gustaria saber si quiero agregar mas productos, hay que cambiar el codigo al numero de productos indicado en el modulo de tienda?

    Saludos!

    Responder
    • Jefferson M

      Hola Christian, debes colocar el número de productos que quieres que se muestren en el número productos del módulo de tienda, en el ejemplo usamos 8, pero puedes poner más.

      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