Crear filtros de cualquier módulo en Divi con Divi Filter plugin

Crear filtros de cualquier módulo en Divi con Divi Filter plugin

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

En este videotutorial prémium te enseñaremos a crear filtros de cualquier módulo en Divi con un plugin de filtros. Es un plugin que te permitirá crear filtros de lo que quieras en Divi. En este tutorial trabajaremos de forma más específica un portafolio filtrable totalmente mejorado.

Objetivo de tutorial:

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Seamos honestos, a nadie le gusta el portafolio filtrable de Divi por su poquísimo nivel de personalización. Pues bien, eso lo resolvemos en este tutorial premium con el uso de un plugin premium para filtrar contenidos en Divi. Este plugin te permitirá aplicar ciertas clases CSS a botones, secciones, filas y columnas, para lograr el sistema de filtrado que quieras.

El plugin funciona bastante bien aunque advierto que no es del todo usable y no en todos los casos funciona tal como queremos, hay que aplicar bien las reglas CSS.

Este tutorial es continuación de nuestro tutorial donde te enseñamos a crear un portafolio personalizado con código CSS, si vas a usar el layout que podrás descargar desde este post, es necesario que vayas a ese tutorial para poder aplicar correctamente en CSS.

Resultado:

Al final tendremos un resultado como 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.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

Artículos relacionados

Comentarios

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

  1. Hola Jefesserson, muy buen contenido, habría alguna manera de que pudiera crear un filtro dinámico para todas las subcategorías de los productos, es decir, crear una plantilla para las páginas de categorias de productos y en ella añadir una especie de filtrado por cada subcategoría que tenga la pagina de categoría en la que te metieras:

    Por ejemplo: te metes en la categoría “ropa invierno” y esa categoría tiene sus propias subcategorías como pueden ser “-abrigos -chalecos y guantes” y que aparezcan , al menos no como filtro pero si que te aparezcan como boton al menos, cómo podrías mostrarse dinamicamente?
    Al mostrarse ya se haría un filtro. Lo digo porque es necesario ya que si por ejemplo se meten en “ropa verano”, esa categoría tendrá subcategorías diferentes como pueden ser ” bañadores, calzocillos y nose camisetas cortas”. Por favor sería de grandísima ayuda, más que nada porque tener que crear un diseño en la biblioteca para cada posible subcategoría es demasiado trabajo.

    He intentado hacerlo añadiendo el modulo de texto y aplicando contenido dinámico de “categorías de producto” pero me sale raro y solo salen 3 como mucho y realmente no se que filtra, por favor podrías explicarlo? un gran saludo desde España

    1. Hola César, si no estoy entendiendo mal lo que necesitas en un sistema de categorización y mostrado de sub-categorías en una página no? Teoricamente es algo simple pero no sé si he entendido bien. Lo que te puedo aconsejar es que manejes ese sistema de la forma más simple posible, es decir, crea una página de categorías, y dentro de esa categoría, muestra dinámicamente las sub-categorías filtrando las filas completas (no las columnas) donde puedas meter cada una de las sub-categorías de esa categoría principal.

¡Registrate en nuestro próximo Live!
24 de noviembre de 2023 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas más frecuentes que los usuarios hacen sobre Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
10
días
10
horas
10
minutos
10
segundos
¡Registrate en nuestro próximo Live!
24 de noviembre de 2023 9:30 hrs (CDMX)
10
días
10
hrs
10
min
10
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
10
días
10
horas
10
minutos
10
segundos
25% OFF BLACK FRIDAY SALE!
10
días
10
hrs
10
min
10
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
10
días
10
hrs
10
min
10
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!