Hoe stel ik het filter op de winkelpagina in?

Waar staat het filter?

Op de winkelpagina en op de pagina’s van productcategorieën, tags en eigenschappen toont leflite links een zijbalk: de Woocommerce zijbalk. Staan daar widgets in, dan verschijnt het filter, en de producten staan met drie per rij ernaast. Is de zijbalk leeg, dan staan de producten over de volle breedte.

Stap 1: Open de Woocommerce zijbalk

1. Ga naar Widget’s.
2. Klap de zijbalk Woocommerce zijbalk open. De beschrijving zegt: “De widgets in deze zijbalk worden weergegeven op winkel pagina en op de archief pagina’s van product categorieën, product tags en overige product taxonomieën.”

Meer over widgets in het algemeen lees je in de footer of een zijbalk vullen met widgets.

Stap 2: Voeg een Filter-widget toe per filter

1. Klik in de zijbalk op de + en zoek op Filter.
2. Vul bij Filter label de kop in die bezoekers zien, zoals “Categorie” of “Prijs”.
3. Kies de Soort filter (zie hieronder) en vul de bijbehorende velden in.
4. Herhaal dit voor elk filter. De volgorde in de zijbalk is de volgorde op je site.
5. Klik op Bijwerken.

Soort filter

• Categorie en/of taxonomie filter: filteren op een productcategorie of een eigenschap, zoals kleur of maat. Kies bij Categorie om op te filteren welke. Met Verberg child items totdat parent actief is zie je subcategorieën pas als de hoofdcategorie is aangeklikt.
• Meta filter: filteren op een eigen kenmerk (zie hieronder). Kies het bij Selecteer een meta filter.
• Prijs filter (alleen op winkel pagina): filteren op prijs. Zet Prijs slider tonen aan voor een schuifbalk.
• Sorteer filter: een keuzelijst voor de volgorde, zoals prijs oplopend. Hij begint met de Standaard sorteer optie die je op het tabblad Webshop hebt ingesteld.
• Zoek filter: een zoekveld binnen je producten. Met Zoekveld placeholder stel je de grijze voorbeeldtekst in.
• Reset filter knop: een knop die alle filters wist. Zet hem bovenaan of onderaan.

Selectie methode

Bij een categorie- of taxonomiefilter kies je bij Selectie methode hoe bezoekers kiezen: Checkbox veld (meerdere tegelijk), Dropdown / selecteer veld (een keuzelijst, neemt weinig ruimte) of Radio veld (één keuze).

Eigen kenmerken: Meta filters

Wil je filteren op iets dat geen categorie of eigenschap is, zoals “op voorraad” of een eigen veld? Dat heet een meta filter. Ga naar Algemene opties → Meta filters en voeg een rij toe:

• Meta naam om op te filteren: de technische naam van het veld.
• Meta gebruiken in het filter: zet aan om het als filter te kunnen kiezen.
• Weergave naam: de naam die bezoekers zien.
• Meta filter weergave: een vinkje (Checkbox) of een Tekst invul veld.
• Meta operator en Meta waarde: de voorwaarde, bijvoorbeeld “moet gelijk zijn aan (=)” ja.

Daarna kies je het filter in een Filter-widget bij Selecteer een meta filter. Dezelfde meta filters kun je gebruiken in het blok Producten uitlichten.

Een eigen filter per categorie

Open bij Producten → Categorieën een categorie en zet Aangepast filter aan. Na het opslaan staat in Widget’s een extra zijbalk, zoals “Woocommerce zijbalk – Productcategorieën: T-shirts”. Vul die met eigen Filter-widgets; op die categorie vervangt hij de algemene zijbalk. Zie ook categorielinks en categorietekst.

Op mobiel

Op een telefoon staat het filter ingeklapt achter een knop, zodat de producten direct in beeld zijn. Wil je het altijd open? Zet Filter niet openklappen op mobiele apparaten aan op het tabblad Producten, zie productkaarten instellen.

Oude filterwidgets vervangen

Zie je in de zijbalk een widget met de melding “Deze widget is verouderd!”? Dat zijn de losse filterwidgets uit een oudere versie. Ze werken nog, maar de nieuwe widget Filter doet alles in één blok en is sneller. Voeg een Filter-widget toe met dezelfde instellingen, controleer je site en verwijder dan de oude widget.

Lukt het niet?

• Er staat geen filter op de winkelpagina. Staan de widgets in de Woocommerce zijbalk? Widgets in andere zijbalken, zoals Product archief zijbalk, verschijnen niet op de winkelpagina.
• Het prijsfilter verschijnt niet op een categorie. Klopt: het prijsfilter werkt alleen op de winkelpagina.
• Een filter toont geen keuzes. Bij een categoriefilter: zijn er producten in die categorie of met die eigenschap? Bij een meta filter: klopt de meta-naam en staat Meta gebruiken in het filter aan?
• Op één categorie staat een ander (of leeg) filter. Die categorie heeft Aangepast filter aan. Vul de eigen zijbalk of zet het weer uit.

Kom je er niet uit? Neem contact met ons op, bel 06 35 66 47 73 of mail naar info@lefcreative.nl.