...
| Multiexcerpt | ||
|---|---|---|
| ||
Our search facility improvements will now display more results and allow customers to sort the results by relevance , product description, or (reverse-) alphabetically by brand, description, or product-codes. Streamline your customers' product search process and time to checkout by enabling them to filter on Category or Manufacturer or both. |
...
9. You can also change the number of products the search facility will display as your customer is typing in their text by changing the Number of products to display. The default (and maximum) is 9.
10. Click Save to add the new Product Search with Preview widget to your theme layout.
11. Effect the change to your CSS by clicking Publish
at the top-right of the page.
12. Navigate to Content → Pages & Templates → Products.
13. Verify that you have Product Search with Preview List Item Template and Product Search with Preview Template in the list.
14. Click on Product Search with Preview Template. You should see four widgets in the layout:
- Product Search with Preview Product Category List
- Product Search with Preview List Title
- Product Search with Preview List Grid
- Product Search with Preview Show All Button.
You can customise the search return message in the first three widgets by clicking their title or their respective Edit button.
15. You can customise the message that the system displays when it lists product results as the customer is typing text into the search field; the default is View All. In our example, we will use See More?
16. Effect the change to your CSS by clicking
17. Navigate back to the Content → Pages & Templates → Products page.
18. Let's review the Product Search with Preview List Item Template content and customise if required.
19. No option in the Product Search with Preview List Item Template widget layout list requires changing to facilitate the new product search with preview functionality. However, you may want to tailor messages or button prompts to match your brand’s voice and tone.
20. Effect the change to your CSS by clicking
21. Go to your website and verify that the Product Search with Preview and Filtering functionality works as expected:
a. You should see your Product Search with Preview button underneath your Product Search prompt.
b. You don't have to have both search facilities implemented; choose which one you and your customers prefer.
c. In the Product List search (we have ours configured to only show the product name), type in a search text, such as “glove”, and note the results' list.
d. Type the same term, glove, into the new Product Search with Preview field, and note the difference in the returned search results.
e. Press ENTER or click your prompt
in our example, and the system will take you to the Search Results page.
f. Click the Filter By button and review the Brands by which you can filter your search results. Do the same with categories if you classify your products by category.
g. The previous views were in Grid mode. Click List to view in List mode.
h. You can also sort your search results by Relevance or (reverse-) alphabetically by brand, description, or product-code.
22. Experiment with the customisation parameters under each of the Product Search with Preview widgets covered in this knowledge base to see what works best for your site.
Additional Information
| Multiexcerpt | ||
|---|---|---|
| ||
| If you'd like to take advantage of this credit card fraud protection feature for your own site, please contact our Support Team. |
| Minimum Version Requirements |
| |||||
|---|---|---|---|---|---|---|
| Prerequisites |
| |||||
| Self Configurable |
| |||||
| Business Function |
| |||||
| BPD Only? |
| |||||
| B2B/B2C/Both |
| |||||
| Ballpark Hours From CV (if opting for CV to complete self config component) |
| |||||
| Ballpark Hours From CV (in addition to any self config required) |
| |||||
| Third Party Costs |
| |||||
| CMS Category |
|
Related articles
| Content by Label | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...