Cómo diseñar una sección de características que al hacer click en cada opción abra un popup lateral con iconos de navegación en divi

En este tutorial exclusivo de los tutoriales premium de la Academia OV DIVI aprenderás a diseñar una sección con un listado de características que al hacer click en cada opción nos abra un popup lateral con iconos de navegación en divi, lo mejor es que lo lograremos sin plugins 😍

Esta funcionalidad está inspirada en la sección «features» de Divi Pixel, irónicamente Divi Pixel no incluye en su plugin un módulo para lograr esta funcionalidad. Tampoco he encontrado en internet algún tutorial (ni en inglés ni en español) dónde enseñen a implementar este tipo de funcionalidad en divi, así qué me pareció un excelente reto para implementarlo en este ejercicio y por supuesto una vez logrado compartirlo con todos ustedes en esta linda comunidad.

Nosotros vamos a diseñar una sección de dos filas con 3 columnas, cada columna contendrá una característica las cuales implementaremos con el módulo anuncio de divi. Cada característica tendrá un enlace que al hacer click en este nos desplegará un pop up desde la parte lateral derecha, este pop up está construido a través de una sección de divi, obviamente dentro de esta sección puedes insertar cualquier módulo de este constructor.

La funcionalidad más sobresaliente es que cada pop up tendrá unos iconos de navegación para que puedas navegar entre diapositivas tal y cómo si fuera un slider.

Toda esta funcionalidad la vamos a implementar con código JavaScript y un poquito de código CSS, pero no te preocupes tú solamente tienes que copiar y pegar 🤩

Si quieres aprender a realizar este tipo de funcionalidad ya puedes ver este increíble tutotorial en el área de los tutoriales exclusivos de la Academia OV DIVI. Recuerda que tienes todo el material necesario en la pestaña materiales includo el archivo JSON para que importes la sección finalizada en un par de clicks en tu sitio web creado con divi 😍