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

Inicio / Tutoriales Premium / Plugins addons / 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í ⭐

Profesor: Jefferson M

  9 de diciembre de 2020

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:

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.

7 Comentarios

  1. María Luisa S

    Hola:

    La navegación por los contenidos adolece de un sistema de búsquedas común que permita acceder más rápido a lo que se precisa

    ¿Podrían hacer algo al respecto?

    Responder
  2. César Manuel Y

    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

    Responder
    • Jefferson M

      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.

      Responder
  3. Melisa C

    Existe alguna manera que no se vean todos al tiempo si no solo al hacer click al boton especifico?

    Responder
    • Jefferson M

      No estimada Melisa, siempre se deben mostrar todos al inicio.

      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

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

7 + 2 =