De Product Zoeken-widget stelt klanten in staat om producten in jouw winkel te zoeken. Terwijl de klant typt in de zoekbalk, worden resultaten getoond op basis van de zoekcriteria. Zodra een optie wordt geselecteerd, wordt de klant direct naar de productpagina gebracht.
Zo voeg je de Product Zoeken-widget toe
- Klik in het zijpaneel op 'Widgets'.
- Klik in de sectie 'Winkel' en sleep de Product Zoeken-widget naar de gewenste plek op de pagina.
Content Editor
Om toegang te krijgen tot de content editor:
- Klik met de rechtermuisknop op de widget en selecteer 'Content Bewerken'.
- In het veld 'Placeholdertekst' kun je de tekst invoeren die verschijnt in de zoekbalk van de Product Zoeken-widget. Deze tekst verdwijnt zodra de klant begint te typen.
Design Editor
Om toegang te krijgen tot de design editor:
- Klik met de rechtermuisknop op de Product Zoeken-widget en selecteer 'Ontwerp Bewerken'.
Stijl
Invoerveld
Het invoerveld is het gedeelte waar de klant zijn zoekopdracht invoert. Je kunt de volgende ontwerpinstellingen aanpassen:
-
Afmetingen
- Hoogte (in px)
-
Achtergrond en Lay-out (Deze instellingen gelden voor het invoerveld voordat de klant begint te typen):
- Achtergrondkleur
- Dikte van de rand (in px)
- Afgeronde hoeken (in px)
- Schaduw: kleur, type en positie
Zoekresultaten
Dit is het gedeelte onder het invoerveld waar de zoekresultaten verschijnen. Je kunt de volgende ontwerpinstellingen aanpassen:
-
Afmetingen
- Maximale hoogte (in px)
-
Achtergrond en Lay-out (Deze instellingen gelden voor de zoekresultaten voordat de klant over een specifiek resultaat zweeft):
- Kleur
- Rand
- Afgeronde hoeken
- Schaduw: kleur, type en positie
-
Hover (Wanneer de klant met de muis over een specifiek zoekresultaat beweegt):
- Achtergrondkleur
- Schaduw: kleur, type en positie