Elementor Filterable Gallery Widget - Gør billeder filtrerbare
Et statisk galleri viser billeder. Et filtrerbart galleri lader folk finde det, de holder af. Widgetten Filterable Image Gallery giver din portefølje, produktkatalog eller fotosamling en kategorilinje øverst. Besøgende klikker på en fane, gitteret filtrerer øjeblikkeligt, og hvert element kan bære en titel, undertekst og to stylede knapper til “Vis detaljer” eller “Live Demo”.
Widgetten er gratis i Master Addons plugin og fungerer uden Elementor Pro.
Se filterfanerne i aktion
Dette gitter er selve widgetten, ikke et skærmbillede. Fire kategorier og en Alle fane sidder over det, og ved at klikke på en kategori skjules hvert element, der ikke bærer den etiket. Hvert kort her viser også en titel og en undertitel trukket fra sine egne felter.
- Alle lister
- Apartments
- Villas
- Byhuse
- Kontorer
Cove Street Loft
2 seng · 1 bad · 940 sq ft — $2,450/mo
Marina Point 8B
1 seng · 1 bad · 680 sq ft — $1,890/mo
Ridgeway Villa
4 seng · 3 bad · pool — $1.24M
Glasshouse på Elm
3 seng · 2 bad · 2.100 sq ft — $980.000
Bricklane Row 12
3 seng · 2 bad · garage — $720,000
Alder Court 4
2 seng · 2 bad · muret have — $645,000
Havnearbejder, etage 3
4.200 sq ft · 38 skriveborde — $6,400/mo
The Quay Studio
1.800 sq ft · 16 skriveborde — $2,950/moHvad du kan gøre med den filtrerbare galleri widget
Kategorifiltrering med fuld kontrol
Aktiver filterlinjen, og besøgende ser kategoriknapper over galleriet: “Alle”, “Branding”, “Fotografi”, “Webdesign”, uanset hvilke etiketter du indstiller. Omdøb fanen “Alle”, juster bjælken til venstre, midten eller højre, og stil aktive faner med separate farver, baggrunde og kanter, så folk altid ved, hvad de har valgt.
- Tildel hvert billede til en kategori ved hjælp af feltet Filter Label. Kommaseparat for flere kategorier.
- Active state styling gør, at den valgte fane skiller sig ud fra resten.
- Typografi og afstand på filterlinjen kan tilpasses fuldt ud.
Gallerilayout og 3D-effekter
Vælg antallet af kolonner, aktiver Masonry for et forskudt gitter i Pinterest-stil, og kontroller afstanden med Gutter-indstillinger. Derefter lag på interaktive effekter: Hover Scale får emner til at forstørre ved mouseover, og Tilt Effect tilføjer et 3D-perspektiv, der følger markøren med valgfri blænding. Det er den slags detaljer, der får et galleri til at føle sig overvejet i stedet for standard.
- Murværk layout til dynamiske, ujævne billedhøjder.
- 3D tilt med justerbar perspektiv, hastighed, og blænding intensitet.
- Svæveskala med konfigurerbar overgangshastighed.
- Responsive kolonner, der stables rent på mobilen.
Tekstoverlejringer i stil og dobbelte CTA'er
Hvert gallerielement kan vise en titel, undertitel og kategorimærke, hver med uafhængig typografi og farve. Ved svævefletning toner en overlejringsfarve ind, og to knapper vises: “Detaljer” og “Demo” (eller hvilken tekst du skriver). Begge knapper har fuld kontrol af Normal og Hover-tilstand for baggrund, tekstfarve, kant, radius og skygge.
- Separate afsnit i Titelstil, Undertekststil og Kategoristil.
- To knapper pr. vare, hver stylet uafhængigt.
- Hold markøren over ikonstørrelse og farve, så den passer til dit brand.
- Billedoverlejringsfarve med jævn overgang.
- Vil du have flere svæveanimationer på enkeltbilleder? Prøv Billedhover-effekter widget.
Opbyg en filtrerbar portefølje i Elementor
Elementors egen Portfolio widget har brug for Pro. Dette gitter kører på Master Addons, så filterlinjen fungerer på en gratis Elementor-installation. Hvert element bærer en projekttitel, en undertitel for kategorien eller året og to knapfelter, hvilket er, hvordan et porteføljekort kan pege på live-webstedet og casestudiet på samme tid. Knapperne nedenfor går til demo-siden.
- Alle projekter
- Residential
- Hospitality
- Detailhandel
- Arbejdsplads
Ashgrove House
Privat bolig · Melbourne · 2025
Lime Wash Lejlighed
Fuld renovering · Lissabon · 2025
Fenwick Hotel
Lobby og lounge · Edinburgh · 2024
Kellner Guest House
32 værelser · Wien · 2024
Studio Nine Flagship
Detailindretning · København · 2025
Marlow & Fold
Konceptbutik · Toronto · 2023
Beacon Labs HQ
1.400 kvm arbejdsplads · Berlin · 2025
Ardent Partners
Kontor og mødepakke · Dublin · 2024Filtrerbart galleri i Elementor uden Pro
Elementors gratis Billedgalleri er et gitter med en lysboks. Hele kontrollisten er billeder, kolonner, mellemrum, billedtekst, link og lysboks, så der er ingen filterbjælke og ingen murværk i den. Elementor holder sin rigere Galleri-widget på Pro-listen, hvor en licens kommer ind. Denne widget tilføjer filterbjælken på en gratis Elementor-installation.
| særpræ | Elementor Billedgalleri (gratis) | Master Addons Filterable Image Gallery |
|---|---|---|
| Kategorifilterfaner | ingen | Ja, fra en Filter Label pr. vare |
| fanen “Alle” | ingen | Ja, med din egen etiket |
| Murværk | ingen | Ja |
| Kolonner | Ja | Ja, 1 til 6 |
| lyskasse | Ja | Ja |
| Billedtekster | Vedhæftnings billedteksten | En titel, undertekst og kategori, du skriver pr. vare |
| Knapper på en vare | ingen | To, hver med sin egen URL |
| Båndmærke | ingen | Ja |
| 3D tilt på hover | ingen | Ja, med blænding |
| Behov Elementor Pro | ingen | ingen |
Hvad widgetten gør og ikke gør
Alt nedenfor blev markeret i widgetpanelet. Anden halvdel betyder lige så meget som den første: Hvis du har brug for personsøgning eller et søgefelt, er dette den forkerte widget, og det er bedre at vide nu.
| Indstilling | Understøttet |
|---|---|
| Kategorifilterfaner | Ja, et filteretiket pr. vare, kommasepareret for mere end én |
| fanen “Alle” | Ja, og du kan omdøbe det |
| Murværk | Ja |
| Billedformatforholdslås | Ja |
| Kolonner | 1 til 6, én værdi for hver skærmstørrelse |
| Lightbox popup | Ja |
| Links i stedet for popup | Ja |
| Knapper pr. vare | To, hver med sin egen URL |
| Båndmærke | Ja, 12 forudindstillinger plus et rabatfelt |
| Titel, undertitel og kategorimærke | Ja, hver med sin egen typografi |
| Værktøjstip på en vare | Ja |
| overlejre | På svæve, altid, aldrig, eller gemme sig på svæve |
| 3D tilt med blænding | Ja |
| Indgangsanimation | Ja |
| Indlæs mere knap | ingen |
| Sideinddeling | ingen |
| Søgeboks | ingen |
| Videoartikler | ingen |
| Indlæg eller produkter som kilde | Nej, galleriet er en repeater, du udfylder |
Andre billedwidgets i samme plugin: Billedhover-effekter for billedtekster, der vises på hover, Billedkarrusel for en glidende række, Galleri Slider for en stor forhåndsvisning med en miniaturestrimmel, Billede Hotspot for markører på et enkelt billede, og Avanceret billede for ét billede med en billedtekst og et link.
Filtrerbare gallerieksempler og use cases
- Porteføljer: lad besøgende filtrere efter projekttype, branding, web, fotografering, illustration.
- Produktkataloger: kategorifaner for “Alle”, “Nyankomster”, “Salg”, “Bedstsælgere”.
- Restaurantmenuer: filtrer efter “Starters”, “Mains”, “Desserts”, “Drinks”.
- Ejendomsannoncer: “Lejligheder”, “Huse”, “Kommerciel”, “Land”.
- Bryllupsfotografering: “Ceremoni”, “Reception”, “Portrætter”, “Detaljer”.
- Agenturets casestudier: filtrer efter kundeindustri eller servicetype.
Sådan oprettes et filtrerbart galleri i Elementor
- Drop widgetten. I Elementor skal du søge “Filterbart billedgalleri” under Master Addons og trække det ind i din sektion.
- Tilføj galleri elementer. Klik på + Tilføj element for hvert billede. Upload billedet, skriv en titel og undertekst, indstil Filter Label (kategorinavn), og tilføj knaptekst og links, hvis det er nødvendigt.
- Aktiver filterlinjen. Slå Vis filternav til, indstil dit kolonnetal, vælg Murværk eller almindeligt gitter, og juster tagrendeafstand. Aktiver Hover Scale og Tilt Effect for interaktivitet.
- Stil alt. I fanen Stil skal du designe filterlinjen, elementkort, tekstoverlejringer, knapper og svævetilstande. Udgiv, når du er færdig.
Ofte stillede spørgsmål til filtrerbart billedgalleri
Hvad er widgetten Filterable Image Gallery?
En selvstændig Elementor-widget, der gør ethvert billedgitter til et kategorifiltreret galleri. Besøgende klikker på filterfaner for kun at vise relevante elementer. Hvert element kan vise en titel, undertekst og to stilede call-to-action-knapper.
Er widgetten Filterable Image Gallery gratis?
Ja. Det leveres med det gratis Master Addons plugin, så du kan bygge et filtrerbart galleri uden Elementor Pro eller en Master Addons Pro licens. Du kan tilføje så mange galleri elementer som du har brug for.
Hvordan tildeler jeg elementer til filterkategorier?
I sektionen Galleriindhold for hvert element skal du finde feltet Filtermærke og indtaste kategorinavnet (“Teknologi”, “Branding”, “Fotografi”). Alle elementer med samme etiketgruppe under én filterknap. Kommaseparat for at tildele et element til flere kategorier.
Har Elementor et filtrerbart galleri?
Elementors gratis Billedgalleri er et almindeligt gitter, så det har ingen filterlinje. Galleri-widgetten Elementor leveres med Pro er den betalte rute. Denne widget tilføjer kategorifanerne på en gratis Elementor-installation.
Kan jeg opbygge en portefølje med denne widget?
Ja. Hvert element tager en projekttitel, en undertitel for kategorien eller året og to knapper med deres egne URL'er, så et kort kan pege på live-webstedet og på casestudiet.
Kan besøgende åbne billeder i en lightbox?
Ja. Hver knap kan linke til en lightbox popup, en ekstern URL eller en side på dit websted. Indstil linkdestinationen pr. element i galleriets indholdssektion.
Er galleriet responsivt på mobilen?
Ja. Kolonner stables automatisk, fire kolonner bliver til to eller en på mindre skærme. Filterknapper ombrydes for at passe. Brug Elementors responsive tilstand til at justere Gutter og skriftstørrelser til mobil specifikt.
Hvordan er dette forskelligt fra en almindelig Billedkarrusel eller Galleri Slider?
En karrusel eller skyder viser ét billede ad gangen og cykler igennem dem. Et filtrerbart galleri viser alt på én gang og lader besøgende indsnævre gitteret efter kategori. Brug den Billedkarrusel for helteafsnit og logorækker, eller Galleri Slider (Pro) når du vil have ét stort billede med miniaturebilleder. Brug et filtrerbart galleri til porteføljer, kataloger og samlinger, hvor browsing betyder noget.
Har galleriet mere belastning eller paginering?
Nej. Hvert element i repeateren indlæses med siden, så en 40 billedportefølje sender alle 40 på én gang. Opdel meget store sæt på tværs af sider, eller hold billedfilerne lette.
Hvorfor vises mine filterfaner ikke?
Tre ting at kontrollere: Vis filternav er slået til i fanen Indstillinger, hvert element har et filtermærke, og sidecachen blev ryddet, efter du har redigeret. Et element med en tom etiket slutter sig aldrig til en kategori.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/sideduplikator
