Header search

The search bar allows customers to search products, collections, articles and pages.

What is the search bar?

The search bar is a powerful tool which provides all of the functionality of a Storefront search. It allows customers to search across all of your store's products, articles and pages. 

In Beautify, you can showcase popular searches and popular products, along with optional search suggestions. This opens up numerous opportunities to influence customer behavior, both in terms of navigation and purchasing decisions, by highlighting specific items that may capture attention.

Tip

You can customize your search results with Shopify's Search & Discovery app. The app provides several search features and settings that change the behavior and scope of your online store search. Refer to the Search & Discovery app settings for more information on search scope.

How to set up header search suggestions

As the customer types their search term in the search bar, search suggestions can dynamically appear in the header search. This can help customers refine their search without being redirected to a search results page, and enables them to explore the store quickly by seeing the top results for suggested search terms.

Steps

  1. Open the Theme editor and click on Header section.
  2. Scroll to the Search settings and select Enable search to show the search in the header.
  3. Open the Theme editor and click on Theme settings > Search.
  4. Select Show search suggestions to show suggested search terms.
  5. The product title, vendor and product type fields are automatically searched. Switch on the Search SKUs and Search tags settings to also show these in the search results. 

How to set up the header popular searches

Beautify has the ability to show an additional Popular searches menu which can be present on the left below the search bar every time a customer clicks on the header search icon. It can provide an additional opportunity to advertise specific products, collections or pages in your store.

Steps

  1. Create a new single level menu in the Shopify admin area's Content > Menus. Read How to set up a menu for more.
  2. Open the Theme editor and click on Header section, scroll to the Search settings and select Enable search.
  3. In the Popular searches setting, select the menu created above.

How to set up the header popular products

Beautify can display up to four popular products, which appear when the customer clicks on the search icon in the header. These products are shown alongside the popular searches menu, or, if the popular searches menu is not used, they will occupy the entire search window.

Tip

  1. Open the Theme editor and click on Header section, scroll to the Search settings and select Enable search.
  2. To select products go to Popular products, click Select and choose up to four products to be shown. If the products chosen have a transparent background then it may be appropriate to use the Show cutout cards setting. 
  3. Insert an optional Popular products title.

FAQs

How do I control the card layout?

The product card layout is managed in the Product cards tab of the Theme settings. The collection card layout is managed in Search > Collection cards and in the Collection cards tab of the Theme settings. There is also an additional setting for the Popular products which can be shown as cut out cards. 

Will the search results page work in other store languages?

Yes, the search will work in other languages. Even if you search for the product in English on the Spanish version, it will serve up the correct product.

Will the header predictive search work in other store languages?

Predictive search is available for stores in the languages list on Shopify Supported languages documentation. Shopify determines the predictive search, not the theme.

Is it possible to include relevant product keywords to improve their visibility in search results?

Yes, you can use Shopify Search & Discovery app to add Synonyms or Product boosts to improve their visibility in search results. For guidance on this, refer to the Customizing synonyms guide and the Shopify Customizing product boosts guide.

How do I set search scope and control if out of stock products appear in search results?

Set search scope to include or exclude products, pages, blog posts etc and choose how to display results for out of stock products using the Shopify Search & Discovery app scope and search relevance settings. 

Bring your business ideas to life with Shopify

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us