Include a search bar as a standalone homepage section by using the Search section.
Choose an optional Section background color by selecting the rounded-rectangle swatch.
Add a Heading, Text, and Placeholder text for the Search homepage section using the text fields.
To provide customers with search suggestions the moment they start typing, click Enable live search.
Expand or limit the search results gathered by selecting an option in the Display dropdown. The four options are:
- Products only
- Products and pages
- Products and posts
- Products, posts, and pages
Include links for common search subjects by clicking Select menu under Quick links.
Include an optional Image by clicking Select image. The focal point of the image can be adjusted by selecting an option in the Position dropdown. There are nine options:
- Top left
- Top center
- Top right
- Center left
- Center right
- Bottom left
- Bottom center
- Bottom right
Increase the contrast between text and image by configuring the Text color and Overlay color. The level of transparency for the Overlay can be adjusted using the Opacity slider.