Divi 5 Post Filter & Tooltip - søgbare

Divi 5's loop-system har hidtil manglet én afgørende ting

Divi 5's loop-system har hidtil manglet én afgørende ting: en måde for besøgende selv at søge og filtrere i indhold, uden at forlade siden. To nye moduler, Post Filter og Tooltip, lukker det hul. Sammen gør de det muligt at bygge dynamiske oversigter, hvor brugeren indsnævrer resultater i realtid, direkte på frontend, uden en linje kode.

Loop-system

Loop-byggesystemet får sit manglende led

Divi 5's loops har allerede kunnet trække indhold dynamisk fra indlæg, produkter eller brugerdefinerede indholdstyper og vise dem i grids eller lister. Det, der har manglet, er interaktion fra den besøgendes side. Indtil nu har filtrering af et loop krævet enten en ekstern plugin-løsning eller manuel kodning med JavaScript, altså præcis den slags opgave, der plejer at ende med et "kan du lige" til en udvikler. Post Filter-modulet ændrer det ved at koble sig direkte på et loop og lade den besøgende filtrere på kategori, tag eller brugerdefineret felt uden sideopdatering.

Det gør loop-byggesystemet mere komplet som en reel erstatning for tungere løsninger, man ellers ville have hentet ind som separate plugins. For en selvbygger betyder det færre afhængigheder og mindre risiko for, at et plugin holder op med at virke efter en opdatering, hvilket for de fleste kun opdages, når kunden ringer og spørger, hvorfor filtret er væk.

Frontend

Sådan fungerer Post Filter på frontend

Modulet placeres i nærheden af det loop, det skal styre, og forbindes til det gennem en simpel indstilling i Divi Builder. Herfra vælger man, hvilke felter der skal kunne filtreres på, for eksempel kategori, forfatter eller en brugerdefineret taksonomi. Resultatet er en synlig filtermenu eller søgefelt på siden, som opdaterer loopets indhold øjeblikkeligt, når den besøgende klikker eller skriver. Ingen genindlæsning, ingen ventetid, ingen kaffe skal nås at drikkes.

Det praktiske ved løsningen er, at den arbejder uden sideindlæsning. En besøgende, der browser en produktliste eller en artikeloversigt, kan indsnævre resultaterne uden at miste sin plads på siden. For sider med mange indlæg eller produkter er det forskellen på en oversigt, der reelt bruges, og en, der bliver scrollet forbi og glemt.

Formularer

Tooltip-modulet binder brugerinput til loop-data

Tooltip-modulet supplerer Post Filter ved at gøre det muligt at bygge tilpassede formularfelter, der er koblet direkte til et loops data. I stedet for at nøjes med faste filterkategorier kan man designe egne inputfelter, som en besøgende udfylder, og som derefter styrer, hvad loopet viser. Det åbner for mere komplekse søgefunktioner, for eksempel et prisinterval på en produktside eller en kombination af flere kriterier på én gang.

Fordi modulet er bygget ind i Divi's eget system, følger det samme designværktøjer som resten af byggeren. Der er ingen overgang til et fremmed plugin-interface, og formularerne kan style'es på samme måde som alt andet indhold på siden. Man slipper altså for det klassiske puslespil, hvor tre forskellige værktøjer skal se ud, som om de hører sammen.

Der er ingen overgang til et fremmed plugin-interface, og formularerne kan style'es på samme måde som alt andet indhold på siden.

Anvendelse

Hvad det betyder for blogs, portfolier og produktlister

Den mest oplagte brug er webshops, hvor en besøgende skal kunne filtrere produkter på pris, størrelse eller kategori uden at forlade siden. Men moduler som disse er lige så nyttige på en blog med mange kategorier eller et portfolie med forskellige projekttyper. En fotograf kan lade besøgende filtrere billeder efter genre, en konsulent kan opdele cases efter branche, og en webshop kan give kunder en søgeoplevelse, der før krævede et separat plugin.

01 / 01

Et øjeblik…

Henter spørgsmål…

1 / 4

Vælg ydelse

Henter ydelser…