Search & Instant Search #
Clerk.io’s search function consists of two parts:
The Live-Search dropdown that is displayed when a customer starts typing.
The Search Page which displays all matching products on a full page.
From the main menu start by clicking on Getting Started:
1. Create Standard Designs and Content #
The first thing you need to do, is create Standard Designs and Content.
You can use the Setup guide entitled SEARCH under the Getting Started option, to quickly create Designs and Content that have the same color scheme and style as your webshop.
A/ Start by creating a Design and Content for the Live Search :
Once you have finished your design, click Use This Design.
B/ And then create a Design and Content for the Search Page:
Once you have finished your design, click Use This Design.
You can easily change your designs and content later, under Designs and Content in the left menu.
Change Design
Change Content
2. Activate the Live-Search and Search Page #
The next steps will guide you through the steps needed to activate the Live Search and the Search-Page Functions:
Please bare in mind even if the next steps are already checked with a green icon as if they were installed - they are not - you still need to click and follow the steps:
A/ Install the Live-Search and Search Page
In the DanDomain module both Live-Search and Search Page are enabled under the same steps, therefore you can click either on:
- Install your auto-complete search
- Install your search page
Follow all the Steps under the section: Enable search and live-search
Finalise the setup by clicking Done
After enabling the features, you will be able to see Clerk.io’s SEARCH function on your webshop.
Facets #
Facets are filters that that will be displayed in the side of your search page, to make navigation easier:
1. Start by logging in to your DanDomain Classic backend and go to the Clerk.io App. You might need to login:
2. Scroll down to Faceted Search:
3. in " Selector for target" write the unique class or ID of the container, that search results and filters should be inserted in. You can find this by using your browsers Inspect tool on your search page:
4. Should the class be used for multiple containers, you can specify the selector to be within another element like this:
5. From the list of facets, put a checkmark on the ones you want customers to be able to filter by. You can use Position to choose which order Facets should be shown in:
6. In Title, translate the name that will be shown for each facet on the search page and click Enable:
6. Lastly, click Gem in the top of the screen:
Facets will now be shown on your Search Page!
Adding extra attributes to Facets #
Should you want to add extra attributes to your facets, use the Added Facet field.
1. Write the name of an attribute you know exists in your DanDomain shop and click “Tilføj”:
2. The attribute will now be available in Facets. Enable it in the side:
3. Lastly, click Gem in the top of the screen:
