Showcase / Zoeken en navigeren

Categorieën op basis van een filter

Een aanbiedingenpagina die iemand met de hand vult, loopt altijd achter. In onze demowinkel leg je in plaats daarvan het filter vast: alles wat afgeprijsd is, alles wat nieuw is, alles met een eco-label. Elk product dat eraan voldoet staat er meteen in, en eruit zodra dat niet meer zo is.

De collectiepagina Eco-favorieten van de demowinkel met acht producten met een eco-label en de filters ernaast — Eco-favorieten: een kop, een inleiding en acht producten die aan het opgeslagen filter voldoen

Dezelfde collectiepagina met het filter Onderweg aangevinkt, twee resultaten en een chip met het actieve filter — Binnen een collectie filter je verder; het actieve filter staat boven de lijst

Meilisearch · Magento 2 · Hyvä · Categorieën

Wat het doet

Een filter in plaats van een lijst

Je legt vast waaraan een product moet voldoen. De pagina vult zichzelf daarmee, elke keer dat iemand hem opent.

Een eigen adres

Elke collectie krijgt een eigen pagina, zoals /collectie/eco, met een eigen kop en inleiding. Zet je een collectie uit, dan is de pagina ook weg.

Dezelfde filters als de categorieën

De collectiepagina gebruikt dezelfde lijst en filters als de categoriepagina's: categorie, prijsklasse, eco, bestseller, aanbieding, nieuw en op voorraad, met aantallen erbij.

Drie collecties in de demowinkel

Sale op alles wat is afgeprijsd, Nieuw op alles binnen zijn nieuw-periode en Eco-favorieten op het eco-label. Ze staan ook als ingang in het menu.

Het filter wordt gecontroleerd

Bij het opslaan controleert de winkel of het filter klopt. Een typefout komt er niet doorheen, dus een collectie raakt niet ongemerkt leeg door een verkeerd geschreven regel.

Voor wie

Shops met terugkerende thema's: aanbiedingen, nieuw binnen, een merk, een seizoen, een prijsklasse. Elk thema dat je nu met de hand bijhoudt, is er een die vergeten wordt.

Het scheelt ook in de catalogus. Je hoeft producten niet aan extra categorieën te hangen om ze ergens te laten opduiken, en je houdt de boom overzichtelijk.

Zelf bekijken

De collecties staan in het menu van de demowinkel onder Sale, Nieuw en Eco-favorieten. Is er niets afgeprijsd of nieuw, dan is die collectie leeg. Dat is het filter dat zijn werk doet.

Bekijk Eco-favorieten in de demowinkel

Voor developers

Een eigen entiteit met een naam, een uniek adresdeel, het opgeslagen filter, een kop, een inleiding, een volgorde en een winkelweergave.
Een eigen router vangt /collectie/<naam> af en geeft niets terug als de collectie niet bestaat of uit staat, zodat de standaard-404 van Magento het overneemt.
De pagina hergebruikt de lijst van de categoriepagina's, met het opgeslagen filter als basis in plaats van een categorie-id.
Het filter wordt bij het opslaan gecontroleerd tegen een vaste lijst velden en een beperkte grammatica, want het gaat daarna naar de browser waar de zoekopdracht draait.
De browser praat met een sleutel die alleen mag zoeken. De hoofdsleutel blijft op de server.
Een plugin zet de actieve collecties als extra ingangen in de navigatie, zodat ze naast de gewone categorieën staan.

De collecties draaien op dezelfde zoekindex als het zoeken en de filters op de categoriepagina's.

De labels waarop de collecties filteren, staan bij uitgelichte producten en labels.

Terug naar alle onderdelen in de showcase.

Houd je je aanbiedingenpagina met de hand bij?

In een kennismaking van een kwartier kijken we welke pagina's dit zou schelen.

Plan een kennismaking

Jasper van Tellingen, e-commerce architect