Archief - Wordpress zoek woorden uit een lijst

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

pijlman

Legacy Member
Ik ben bezig aan een website waar op 1 pagina allemaal namen van merken staan die we verdelen.
Helaas is de lijst ellenlang en wil ik een soort van zoekvenster erboven plaatsen.

Wordpress heeft standaard een zoekvenster maar dan indexeert alles (pagina's, comments,...) als resultaten op een aparte pagina of in de live search.

Ik wil eigenlijk dat wordpress maar zoekt uit de lijst die ik het geef (dus alle merken) en dan de lijst die eronder staat verkleint tot uiteindelijk dat specifieke merk er staat.
beetje zoals bij Zalando, als je daar bij merk begint te typen. https://www.zalando.be/herenschoenen/

Ik heb er mij al suf op gezocht maar zit telkens vast bij het resultaat dat op een aparte pagina verschijnt.

Heeft iemand een idee? Er bestaan veel plugins en ik heb er een tiental bekeken (betalend vooral) maar ze doen niet (helemaal) wat ik zoek.

Syter

Legacy Member
pijlman zei:
Ik ben bezig aan een website waar op 1 pagina allemaal namen van merken staan die we verdelen.
Helaas is de lijst ellenlang en wil ik een soort van zoekvenster erboven plaatsen.

Wordpress heeft standaard een zoekvenster maar dan indexeert alles (pagina's, comments,...) als resultaten op een aparte pagina of in de live search.

Ik wil eigenlijk dat wordpress maar zoekt uit de lijst die ik het geef (dus alle merken) en dan de lijst die eronder staat verkleint tot uiteindelijk dat specifieke merk er staat.
beetje zoals bij Zalando, als je daar bij merk begint te typen. https://www.zalando.be/herenschoenen/

Ik heb er mij al suf op gezocht maar zit telkens vast bij het resultaat dat op een aparte pagina verschijnt.

Heeft iemand een idee? Er bestaan veel plugins en ik heb er een tiental bekeken (betalend vooral) maar ze doen niet (helemaal) wat ik zoek.

Ik weet niet wat je skill-level is en het is al even geleden dat ik zelf Wordpress nog heb gebruikt maar bedoel je zoiets:

https://www.w3schools.com/howto/howto_js_filter_table.asp

Indien ja:

Vervang de waarden van je lijst in de tabel tussen de <td> tags. Bijvoorbeeld: <td>Merk1</td>
De tweede <td> tag daar vlak onder kan je gewoon verwijderen tenzij je een tweede kolom met corresponderende waarden hebt natuurlijk zoals in het voorbeeld.
Copy-paste die tabel dan in je page bij het editen (wel de code editor gebruiken uiteraard).

Je kan niet zo maar Javascript toevoegen in Wordpress page (tenzij je allerlei functions en hooks toevoegt meen ik me te herinneren) dus je zal daar een plugin voor moeten installeren zoals deze: https://nl.wordpress.org/plugins/custom-css-js/

De Javascript en eventueel de CSS van die eerste link bovenaan plak je m.b.v. die plugin op de gewenste pagina.

Hoeveel items staan er trouwens in je lijst?

pijlman

Legacy Member
Syter zei:
Ik weet niet wat je skill-level is en het is al even geleden dat ik zelf Wordpress nog heb gebruikt maar bedoel je zoiets:

https://www.w3schools.com/howto/howto_js_filter_table.asp

Indien ja:

Vervang de waarden van je lijst in de tabel tussen de <td> tags. Bijvoorbeeld: <td>Merk1</td>
De tweede <td> tag daar vlak onder kan je gewoon verwijderen tenzij je een tweede kolom met corresponderende waarden hebt natuurlijk zoals in het voorbeeld.
Copy-paste die tabel dan in je page bij het editen (wel de code editor gebruiken uiteraard).

Je kan niet zo maar Javascript toevoegen in Wordpress page (tenzij je allerlei functions en hooks toevoegt meen ik me te herinneren) dus je zal daar een plugin voor moeten installeren zoals deze: https://nl.wordpress.org/plugins/custom-css-js/

De Javascript en eventueel de CSS van die eerste link bovenaan plak je m.b.v. die plugin op de gewenste pagina.

Hoeveel items staan er trouwens in je lijst?

Ongelooflijk bedankt, het werkt perfect op deze manier!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan