Background:
As a user on the Ecommerce store, browsing through the list of products was a difficult task. Many products were left unexplored and also led to complex user experience on the website. To tackle this we are bringing a brand new element for our Ecommerce stores - Search bar! Store owners can now add the Search bar element in 2 ways: Navigation menu, and as a dedicated element in the website.
How to use?
- Navigate to the page builder of your store, and add the Search bar Element. This would be under the Store section in the " Add Elements".
- If you would like to enable the Search bar in your navigation menu, you can use the "Show Search bar" toggle present in the navigation menu settings.
- Configure properties for the Search bar. Some of the properties that can be configured are:
- Search button color
- Search input box text and background color
- Search dropdown text and background color
- Border color for input field and dropdown
- Font size and weights.
- Click on save/Publish to view your changes in your site!
Note:
- Only websites will stores can add this element into any page (Store, non-store).
- Navigation menu customization for searchbar is limited. All customization options are available only in the standalone element.
- The search suggestions (Dropdown), will have search results searching from the title/name of the product.
- Upon clicking on search, the user is navigated to the product list page, showing search results, which would search based on title as well as description
