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 de '+' bij 'Toevoegen' of 'Widgets'.
- Zoek naar de widget 'Product zoeken' via de zoekoptie of vind hem onder de categorie "WEBSHOP'. Sleep de Product Zoeken-widget vervolgens naar de gewenste plek op de pagina.
Content Editor
Om toegang te krijgen tot de content editor:
- Klik met de linkermuisknop op het vergrootglas icoon en je kunt hem bewerken.
Bij de classic editor kom je direct bij 'INHOUD' en kun je de tekst aanpassen. Bij de editor 2.0 mag je eerst nog even op 'Inhoud' klikken om in het tekstveld te komen. Je kunt zien of je de editor 2.0 hebt door bovenin de editor te kijken bij de desktop weergave. Het icoontje is dan oranje en heeft een kroontje: - In het veld 'Tekst plaatsbewaarder' 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 linkermuisknop op de Product Zoeken-widget en kies de optie 'Ontwerp'. Als je de editor 2.0 hebt zie je mogelijk meer opties om in te kunnen stellen.
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