Boost je verkoop en klantbetrokkenheid met de Sorteren en Filteren widget. Deze widget maakt het makkelijk voor je klanten om door je producten en categorieën te bladeren. Of ze nu zoeken op naam, binnen een specifieke prijsklasse of op je nieuwste producten, ze kunnen hun zoekopdracht snel verfijnen.
Stappenplan: Sorteren en Filteren Widget toevoegen
Instellingen van de Sorteren en Filteren Widget aanpassen
Ontwerp van de Sorteren en Filteren Widget aanpassen
Stappenplan: Sorteren en Filteren Widget toevoegen
Belangrijk om te weten: de Sorteren en Filteren-widget kan alleen worden toegevoegd aan een pagina die al de Product Galerij-widget bevat. Dit komt doordat de Sorteren en Filteren-widget alleen producten toont die zich in de Product Galerij op die pagina bevinden. Als er meerdere Product Galerijen op de pagina zijn, filtert de widget de producten van al deze galerijen. Producten die niet op de pagina staan, worden dus niet weergegeven in de Sorteren en Filteren-widget.
Let op: De widget toont alleen producten, geen categorieën. Als je Product Galerij is ingesteld om een categorie weer te geven (en niet de producten zelf), zal de Sorteren en Filteren-widget niets tonen wanneer deze aan de pagina is toegevoegd.
Volg de volgende stappen om de widget toe te voegen aan een pagina
- Ga naar de gewenste pagina. De pagina moet al de Product Galerij-widget bevatten.
-
Klik in het linker paneel op 'Webshop' en vervolgens op 'WINKELWIDGETS'.
-
Of klik op de '+' (bij 'Widgets' of 'Toevoegen') en zoek op het woord 'Winkel'.
- Klik in de sectie Winkel en sleep de 'Sorteren en Filteren' widget naar de gewenste plek op de pagina waar je de knop wilt hebben.
Instellingen van de Sorteren en Filteren Widget aanpassen
Je kunt de filter- en sorteermogelijkheden aanpassen in de editor van de widget. Om toegang te krijgen tot de instellingen, klik je met de linkermuisknop op de widget en kies je ‘Inhoud’.
Dit zijn de beschikbare opties:
-
Weergavenaam (Knoptekst sorteren en filteren). Het is optioneel om een tekst voor de knop in te stellen. Als je dit niet doet, wordt de standaard tekst 'Sorteren en filteren' gebruikt.
-
Sorteren op:
- Naam (A-Z) sorteert de producten op naam van A naar Z. Beschikbaar vanaf MijnWebshop Start.
- Naam (Z-A) sorteert de producten op naam van Z naar A. Beschikbaar vanaf MijnWebshop Start.
- Prijs (laag naar hoog). Koppelt aan 'Prijs (hoog naar laag)'. Beschikbaar vanaf het Plus abonnement.
- Prijs (hoog naar laag). Koppelt aan 'Prijs (laag naar hoog)'. Beschikbaar vanaf het Plus abonnement.
- Nieuwste. Beschikbaar vanaf het Plus abonnement.
-
Filteren op:
- Je kunt filteren op Categorie en Prijs. Beschikbaar vanaf MijnWebshop Start.
- Je kunt meer filters gebruiken en activeren als je productopties hebt. Je kunt dit aanmaken bij de productopties. Als je een productoptie 'Maat' aanmaakt dan kunnen klanten daar ook op filteren in je winkel. Categorie, Prijs, Maat of Kleur zijn wat voorbeelden die je zou kunnen toevoegen. Beschikbaar vanaf het Plus abonnement.
Let op: Wanneer zowel 'Filteren op' als 'Sorteren op' zijn uitgeschakeld, blijft de knop van de widget zichtbaar, maar er gebeurt niets als erop geklikt wordt.
Ontwerp van de Sorteren en Filteren Widget aanpassen
Gebruik het Ontwerp Paneel om het ontwerp van de knop en het filterpaneel van de Sorteren en Filteren-widget aan te passen.
Zo configureer je het ontwerp:
- Klik met de linkermuisknop op de Sorteren en filteren widget en selecteer 'Ontwerp'.
- Klik op het tabblad voor het element dat je wilt aanpassen (knop of filterpaneel).
Met de editor 2.0 heb je mogelijk nog meer opties.
Dit zijn de designelementen die je kunt aanpassen:
-
Onder Filterpaneel heb je de volgende opties.
- Stijl >
- Layout >
- Uitlijning van het paneel. Stel in of het paneel met filteropties aan de rechter- of linkerkant van het scherm wordt weergegeven.
- Breedte in aantal pixels. Stel de breedte van het paneel in.
- Ruimte tussen de opties in pixels. Stel de ruimte tussen de secties in.
- Frame>
- Achtergrondkleur van je filterpaneel.
- Dikte van de rand.
- Schaduw aan of uit.
-
Paneelelementen
- Kleur van de selectievakjes.
- Kleur van het selectievakje pictogram
- Randpictogram voor selectievakje. Hier kun je de kleur van de selectievakjes instellen.
- Scheidingslijn in Pixels en kleur. De breedte en kleur van de scheidingslijn kun je hier instellen.
- Prijsbereik schuifbalk in pixels en kleur. De breedte en kleur van de schuifbalk voor de 'prijs vanaf en tot' selectie kun je hier instellen.
- Sluiticoon. Je kunt hier de kleur van het sluiticoon en de achtergrond daarvan instellen.
-
Tekst
- Je kunt van onderstaande opties het lettertype, de tekstkleur, tekstgrootte en meer instellen.
- Weergavenaam
- Paneeltitels
- Paneelopties
-
Knop
Voor informatie over ontwerpopties voor knoppen, bekijk de sectie 'Widget Ontwerp'.
