Search
This element is used to search the content on your store. It will correspond to the Shopify theme search function that you are using.
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-111-1024x518.png)
1. Content
This tab contains Placeholder text, Button text, Button position, Icon, Icon position, and so on.
- Placeholder text: Help you set the placeholder text for the search bar.
- Button text: Set the button name for the element.
- Button position: Allows you to set the button located to the left or the right of the search.
- Icon: Set the icon for the button.
- Icon position: Set the position (left or right) for the button.
- Icon spacing: Set the space between the icon and the button text.
- Specifies the type of results requested: We will have 3 options for Product, Page, and Article. It means when you choose these 3 options at the same time, the search result will be shown for 3 types of these pages when you hit the search option. In the example below, the search results show 1 product, 1 page, and 1 blog post (article).
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-116-1024x547.png)
- Prefix: For example, if “winter snow” is used as a search query, a search will find all applicable resources that contain both “winter” and any term that starts with “snow”. This could be terms like “snow”, “snowshoe”, or “snowboard”.
- Unavailable products display: You can hide or show the unavailable product or just show the last order in the search result. This option is only shown when you choose Product as a Specifies the type of results requested.
- Sort by: Specifies the sort order of the product in the search result. This option is only shown when you choose Product as a Specifies the type of results requested.
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-117-1024x547.png)
Note: If you are using the Search function of the Flash Search app, it will automatically work with the Search element of EComposer.
- Enable search suggestions: This option allows you to enable the suggestions when searching a keyword on the Search form. If you do not want to see any suggestion page linked to those keywords, uncheck the corresponding option.
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-114-1024x518.png)
This is the result of the search suggestions on the live page, when you fill a keyword, it will show the suggestions below:
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-118-1024x547.png)
2. Design tab
With this tab, you can set the appearance for the whole search element, Input, Submit button, and Icon
![](https://help.ecomposer.io/wp-content/uploads/2024/05/image-115-1024x518.png)
![](https://help.ecomposer.io/wp-content/uploads/2024/05/z5419524760567_ce0bbdc5f2e6c7423886ebb08c01d792.jpg)