Widget de galería filtrable de Elementor: haga que las imágenes sean filtrables
Una galería estática muestra imágenes. Una galería filtrable permite a las personas encontrar lo que les importa. El widget Filtrable Image Gallery le brinda a su portafolio, catálogo de productos o colección de fotografías una barra de categorías en la parte superior. Los visitantes hacen clic en una pestaña, la cuadrícula se filtra instantáneamente y cada elemento puede llevar un título, subtítulo y dos botones diseñados para “Ver detalles” o “Demostración en vivo”.
El widget es gratuito en el complemento Master Addons y funciona sin Elementor Pro.
Vea las pestañas de filtro en acción
Esta cuadrícula es el widget en sí, no una captura de pantalla. Cuatro categorías y una pestaña Todo se encuentran encima y al hacer clic en una categoría se ocultan todos los elementos que no llevan esa etiqueta. Cada tarjeta aquí también muestra un título y un subtítulo extraídos de sus propios campos.
- Todos los listados
- Apartamentos
- Villas
- Casas adosadas
- Oficinas
Loft de la calle Cove
2 camas · 1 baño · 940 pies cuadrados « $2,450/mes
Punto Marina 8B
1 cama · 1 baño · 680 pies cuadrados « $1,890/mes
Villa Ridgeway
4 camas · 3 baños · piscina « $1,24M
Invernadero en Elm
3 camas · 2 baños · 2100 pies cuadrados « $980,000
Fila Bricklane 12
3 camas · 2 baños · garaje « $720,000
Tribunal de Aliso 4
2 dormitorios · 2 baños · jardín amurallado « $645,000
Obras Portuarias, Piso 3
4.200 pies cuadrados · 38 escritorios « $6.400/mes
El estudio del muelle
1.800 pies cuadrados · 16 escritorios « $2.950/mesQué puedes hacer con el widget de galería filtrable
Filtrado de categorías con control total
Habilite la barra de filtro y los visitantes verán los botones de categoría encima de la galería: “Todos”, “Marca”, “Fotografía”, “Diseño web”, cualesquiera que sean las etiquetas que establezca. Cambie el nombre de la pestaña “Todos”, alinee la barra izquierda, central o derecha y diseñe pestañas activas con colores, fondos y bordes separados para que la gente siempre sepa lo que ha seleccionado.
- Asigne cada imagen a una categoría utilizando el campo Etiqueta de filtro. Comas separadas para múltiples categorías.
- El estilo de estado activo hace que la pestaña seleccionada se destaque del resto.
- La tipografía y el espaciado en la barra de filtro son totalmente personalizables.
Diseño de galería y efectos 3D
Elija la cantidad de columnas, habilite Masonry para una cuadrícula escalonada estilo Pinterest y controle el espaciado con la configuración de canalones. Luego, coloque capas sobre efectos interactivos: Hover Scale hace que los elementos se agranden al pasar el mouse y Tilt Effect agrega una perspectiva 3D que sigue al cursor con un resplandor opcional. Es el tipo de detalle que hace que una galería se sienta considerada en lugar de predeterminada.
- Diseño de mampostería para alturas de imagen dinámicas y desiguales.
- Inclinación 3D con perspectiva, velocidad e intensidad de deslumbramiento ajustables.
- Escala flotante con velocidad de transición configurable.
- Columnas responsivas que se apilan limpiamente en dispositivos móviles.
Superposiciones de texto con estilo y CTA duales
Cada elemento de la galería puede mostrar un título, subtítulo y etiqueta de categoría, cada uno con tipografía y color independientes. Al pasar el cursor, aparece un color superpuesto y aparecen dos botones: “Detalles” y “Demo” (o cualquier texto que escriba). Ambos botones tienen controles completos de estado Normal y Flover para fondo, color de texto, borde, radio y sombra.
- Separe las secciones Estilo de título, Estilo de subtítulo y Estilo de categoría.
- Dos botones por artículo, cada uno con estilo independiente.
- Pase el tamaño y el color del ícono para que coincida con su marca.
- Color de superposición de imagen con transición suave.
- ¿quieres más animaciones flotantes en imágenes individuales? Prueba el Efectos de desplazamiento de imagen Widget.
Cree una cartera filtrable en Elementor
El propio widget de cartera de Elementor necesita Pro. Esta cuadrícula se ejecuta en complementos maestros, por lo que la barra de filtro funciona en una instalación gratuita de Elementor. Cada elemento lleva un título de proyecto, un subtítulo para la categoría o año y dos campos de botones, que es como una tarjeta de cartera puede apuntar al sitio en vivo y al estudio de caso al mismo tiempo. Los botones a continuación van a la página de demostración.
- Todos los proyectos
- Residencial
- Hospitalidad
- Minorista
- Lugar de trabajo
Casa Ashgrove
Residencia privada · Melbourne · 2025
Apartamento Lavado de Lima
Reforma total · Lisboa · 2025
El hotel Fenwick
Vestíbulo y salón · Edimburgo · 2024
Casa de huéspedes Kellner
32 habitaciones · Viena · 2024
Buque insignia de Studio Nine
Equipamiento minorista · Copenhague · 2025
Marlow y doblar
Tienda conceptual · Toronto · 2023
Sede de Beacon Labs
Lugar de trabajo de 1.400 m2 · Berlín · 2025
Socios ardientes
Oficina y sala de reuniones · Dublín · 2024Galería filtrable en Elementor sin Pro
La galería de imágenes gratuita de Elementor es una cuadrícula con una caja de luz. Toda la lista de control son imágenes, columnas, espacios, subtítulos, enlaces y cajas de luz, por lo que no hay barra de filtro ni mampostería. Elementor mantiene su widget Gallery más rico en la lista Pro, que es donde entra una licencia. Este widget agrega la barra de filtro en una instalación gratuita de Elementor.
| Característica | Galería de imágenes Elementor (gratis) | Galería de imágenes filtrables de complementos maestros |
|---|---|---|
| Pestañas de filtro de categoría | prohibido | Sí, desde una etiqueta de filtro por artículo |
| Pestaña “Todos” | prohibido | Sí, con tu propia etiqueta |
| Albañilería | prohibido | Sí |
| Columnas | Sí | Sí, 1 a 6 |
| Caja de luz | Sí | Sí |
| Subtítulos | El título adjunto | Un título, subtítulo y categoría que escribes por artículo |
| Botones en un artículo | prohibido | Dos, cada uno con su propia URL |
| Insignia de cinta | prohibido | Sí |
| Inclinación 3D al flotar | prohibido | Sí, con deslumbramiento |
| Necesita Elementor Pro | prohibido | prohibido |
Lo que hace y no hace el widget
Todo lo siguiente fue marcado en el panel de widgets. La segunda mitad importa tanto como la primera: si necesita paginación o un cuadro de búsqueda, este es el widget incorrecto y es mejor saberlo ahora.
| Configuración | Apoyado |
|---|---|
| Pestañas de filtro de categoría | Sí, una etiqueta de filtro por artículo, con coma separada por más de uno |
| Pestaña “Todos” | Sí, y puedes cambiarle el nombre |
| Albañilería | Sí |
| Bloqueo de relación de aspecto de la imagen | Sí |
| Columnas | 1 a 6, un valor para cada tamaño de pantalla |
| Ventana emergente de caja de luz | Sí |
| Enlaces en lugar de la ventana emergente | Sí |
| Botones por artículo | Dos, cada uno con su propia URL |
| Insignia de cinta | Sí, 12 ajustes preestablecidos más un campo de descuento |
| Título, subtítulo y etiqueta de categoría | Sí, cada uno con su propia tipografía |
| Información sobre herramientas sobre un artículo | Sí |
| Superposición | Al flotar, siempre, nunca u esconderse al flotar |
| Inclinación 3D con deslumbramiento | Sí |
| Animación de entrada | Sí |
| Cargar más botón | prohibido |
| Paginación | prohibido |
| Cuadro de búsqueda | prohibido |
| Artículos de vídeo | prohibido |
| Publicaciones o productos como fuente | No, la galería es un repetidor que completas |
Otros widgets de imágenes en el mismo complemento: Efectos de desplazamiento de imagen para subtítulos que aparecen al pasar el cursor, Carrusel de imágenes pentru una fila de deslizare, Control deslizante de galería para una vista previa grande con una tira de miniaturas, Punto de acceso de imagen para marcadores en una sola imagen, y Imagen avanzada para una imagen con un título y un enlace.
Ejemplos de galería filtrables y casos de uso
- Portafolios: permite a los visitantes filtrar por tipo de proyecto, marca, web, fotografía, ilustración.
- Catálogos de productos: pestañas de categorías para “Todos”, “Novedades”, “Venta”, “Más vendidos”.
- Menús de restaurante: filtrar por “Entrantes”, “Mains”, “Desserts”, “Bebidas”.
- Listados inmobiliarios: “Apartamentos”, “Casas”, “Comercial”, “Terrenos”.
- Fotografía de bodas: “Ceremonia”, “Recepción”, “Retratos”, “Detalles”.
- Estudios de caso de agencia: filtrar por industria cliente o tipo de servicio.
Cómo crear una galería filtrable en Elementor
- Suelta el widget. En Elementor, busque “Galería de imágenes filtrables” en Complementos maestros y arrástrelo a su sección.
- Agregue elementos de la galería. Haga clic + Agregar elemento para cada imagen. Cargue la imagen, escriba un título y subtítulo, configure la etiqueta de filtro (nombre de la categoría) y agregue texto de botón y enlaces si es necesario.
- Habilite la barra de filtro. Active Mostrar navegación del filtro, establezca el recuento de columnas, seleccione Masonería o cuadrícula normal y ajuste el espaciado entre canalones. Habilite la escala flotante y el efecto de inclinación para lograr interactividad.
- Estilo todo. En la pestaña Estilo, diseñe la barra de filtro, las tarjetas de elementos, las superposiciones de texto, los botones y los estados de desplazamiento. Publicar cuando esté hecho.
Preguntas frecuentes sobre la galería de imágenes filtrables
¿qué es el widget Filtrable Image Gallery?
Un widget Elementor independiente que convierte cualquier cuadrícula de imágenes en una galería filtrada por categorías. Los visitantes hacen clic en las pestañas de filtro para mostrar solo elementos relevantes. Cada elemento puede mostrar un título, un subtítulo y dos botones de llamada a la acción con estilo.
¿el widget Filtrable Image Gallery es gratuito?
Sí. Viene con el complemento gratuito Master Addons, por lo que puedes crear una galería filtrable sin Elementor Pro o una licencia Master Addons Pro. Puedes agregar tantos elementos de galería como necesites.
¿Cómo asigno elementos para filtrar categorías?
En la sección Contenido de la galería para cada artículo, busque el campo Etiqueta de filtro e ingrese el nombre de la categoría (“Tecnología”, “Marca”, “Fotografía”). Todos los artículos con el mismo grupo de etiquetas bajo un botón de filtro. Coma separada para asignar un elemento a múltiples categorías.
¿elementor tiene una galería filtrable?
La galería de imágenes gratuita de Elementor es una cuadrícula simple, por lo que no tiene barra de filtro. El widget de galería que Elementor envía con Pro es la ruta paga. Este widget agrega las pestañas de categoría en una instalación gratuita de Elementor.
¿Puedo crear un portafolio con este widget?
Sí. Cada elemento toma un título de proyecto, un subtítulo para la categoría o el año y dos botones con sus propias URL, por lo que una tarjeta puede apuntar al sitio en vivo y al estudio de caso.
¿pueden los visitantes abrir imágenes en una caja de luz?
Sí. Cada botón puede vincularse a una ventana emergente de Lightbox, una URL externa o una página de su sitio. Establezca el destino del enlace por elemento en la sección de contenido de la galería.
¿la galería responde en dispositivos móviles?
Sí. Las columnas se apilan automáticamente, cuatro columnas se convierten en dos o una en pantallas más pequeñas. Los botones de filtro se ajustan para encajar. Utilice el modo responsivo de Elementor para ajustar específicamente el canalón y el tamaño de fuente para dispositivos móviles.
¿en qué se diferencia esto de un carrusel de imágenes normal o de un control deslizante de galería?
Un carrusel o control deslizante muestra una imagen a la vez y la recorre. Una galería filtrable muestra todo a la vez y permite a los visitantes limitar la cuadrícula por categoría. Usa el Carrusel de imágenes para secciones de héroes y filas de logotipos, o Control deslizante de galería (Pro) cuando desee una imagen grande con miniaturas. Utilice una galería filtrable para portafolios, catálogos y colecciones donde la navegación sea importante.
¿la galería tiene carga más o paginación?
No. Cada elemento del repetidor se carga con la página, por lo que un portafolio de 40 imágenes envía las 40 a la vez. Divida conjuntos muy grandes en las páginas o mantenga los archivos de imagen ligeros.
¿Por qué no se muestran mis pestañas de filtro?
Tres cosas que debe verificar: Mostrar Filter Nav está activado en la pestaña Configuración, cada elemento tiene una etiqueta de filtro y el caché de la página se borró después de editarlo. Un elemento con una etiqueta vacía nunca se une a una categoría.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
