En este nuevo tutorial premium aprenderás a crear un carrusel slider con una galería masonry para mostrar imágenes, proyectos, productos, entradas del blog o cualquier otro elemento en divi y lo mejor es que lo lograremos sin plugins.
Con este slider capturarás la atención completamente de tus visitantes que estoy seguro permanecerán en tu página web navegando por el carrusel y viendo cada uno de tus productos o proyectos. La atención de los visitantes estará ganada gracias a este slider personalizado, no importa si vistan tu web desde una computadora o un celular, la galería slider es completamente responsive y se adaptará correctamente a cualquier resolución de pantalla.
En el ejercicio de este tutorial diseñamos una galería masonry enfocada en productos que fuimos insertando manualmente, esta es la gran libertad que tenemos ya que no solamente podemos insertar productos sino que puedes implementar y adaptar este carrusel slider a cualquier proyecto web.
Para diseñar la estructura masonry hicimos uso de secciones de especialidad (especiales) de divi, pero trabajamos un poco la estructura en móvil para que estas se visualizarán correctamente. Y por si fuera poco la cereza del pastel fue la integración de swiper.js la cual es una librería javascript para crear increíbles sliders.
Este tutorial dura aproximadamente 1 hora 10 min. La cual no tiene desperdicio. Fiel a la costumbre de OV DIVI te llevaré paso a paso desde un lienzo en blanco hasta obtener este increíble resultado. Recuerda que también tienes la opción de descargar el json desde la pestaña materiales del video tutorial, esto por si quieres implementar este carrusel slider con unos cuantos clicks en tu sitio web.
Así que ya sabes si quieres aprender a crear este maginficio carrusel de galería masonry no dudes unirte a los tutoriales exclusivos de la Academia OV DIVI 😍
0 comentarios