The Search section allows you to include a search bar as a dynamic section on the home page.
Use the theme editor to include messaging for the section, activate live search, and add background image.
Looking for the header's search features? Follow this guide for customizing Empire's header search bar.
Add Search to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Search
- Click the section, then Add
- Save
Include messaging for the section
Add text for the Heading, Text, and Placeholder text using the provided text fields.
Activate live search
Enable live search to provide customers with suggested products based on what they have already typed in the search box.
Show product images in live search results. When enabled, this will display icon-sized versions of images for products that come up in live search results.
Show blog posts and pages in live search results. When enabled, this will include results from blog posts and pages in live search results. These results will display in a separate "Pages & Posts" column to the right side of your live search results.
Add background image
Click Select image to upload an image to give this feature a more customized look.
Images will be cropped to fit the section container
The Position setting will help you select the focal point of the image you use if it's a different size than the feature has room for.
Increase contrast with an overlay
The Overlay can be added as well if that will help make the text more legible over the image. You can choose the color of the overlay, as well as the Opacity used.