Search Bar

by Admin on Jan 26, 2024

The search bar allows customers to search for products, collections, pages, and blog posts on your store. The search bar is located in the header of your store and is easily accessible from any page.

1. How to set up search results page?

When a customer enters a search term in the search bar, Eurus Theme will display search results that match the search term. The search results can include products, collections, pages, and articles.

Steps:

  • Open the Theme editor, and click on Theme Settings > Search and Navigation.
  • In the Search configuration group, navigate to Search result. Here you can Select the options to adjust what content users can search on your store (Products only; Products and collection; Products, page and article, Products and page, All content).
  • Click Save.

    To enter a search term, simply type the keyword(s) in the search bar and press Enter. The search results will be displayed on the front-end.

    Tips:

    When a customer types in the search bar, Eurus Theme provides search suggestions to help them find what they are looking for. Search suggestions are based on the customer’s search query and the products, collections, pages, and blog posts available on your store.

    Please note that search suggestions are not available for password-protected pages or products that are not visible to customers.

    2. How to show product type dropdowns?

    The search bar function allows your customers to filter the search results by product type. The product type dropdowns are located on the left side of the search bar and show the product types that are available in your store. 

    Steps:

    • Open the Theme editor, and click on Theme Settings > Search and Navigation.
    • In the Search configuration group, select Enable refined search box
    • Click Save.

      Enable refined search box also allows users to search based on product type

      3. How to show Popular products search and Search recommendations?

      When a customer puts their mouse on the search bar, Eurus Theme provides the feature to showcase Popular products search and Search recommendation collection to help them find what they are looking for, also to discover more relevant and interesting products in your store.

      • The “Popular products search” products are shown below the search bar and show the title, image, and price of each product. 

      Below are the steps to set up the Popular products search

      Steps:

      • Open the Theme editor, and click on Theme Settings > Search and Navigation.
      • In the Search configuration group, tick the checkbox Enable product suggestions
      • In Popular products search setting, select the collection containing the products that you want to show as popular search products.
      • Click Save

        • The Search recommendations could be shown together with Popular products search  below the search bar.

        Steps:

        • Open the Theme editor, and click on Theme Settings > Search and Navigation.
        • In the Search configuration group, tick the checkbox Enable product suggestions
        • In Search recommendation setting, select the collection containing the products that you want to show as Search recommendations.
        • Click Save

          Note: 

          This feature is only available in certain languages. For more information about the languages that the feature supports, see supported languages

          4. How to include relevant search terms to improve search experience on the storefront?

          To improve the search experience on your storefront, you can include relevant search terms in your product descriptions, titles, and tags. This will help customers find what they are looking for more easily.

          Relevant search terms are words or phrases that are related to your products or content and help your customers find what they are looking for. 

          Unfortunately, themes cannot support relevant search terms out of the box., You will need to use a search app, such as [Search and Discovery], that allows you to add synonyms, keywords, tags, or metafields to your products or content.

          Note: If you want to use advanced search features such as autocomplete, you will also need to use search apps like Search and Discovery.

          5. How to enable speech search on the search bar?

          Speech search allows users to perform searches using voice commands instead of typing. With this feature enabled, users can simply speak their search queries, making the process faster, more intuitive, and hands-free. Please follow these steps to set up:

          • To enable speech search, navigate to the theme settings and locate the "Search & navigation" section.
          • Within the settings, enable the option for speech search. Additionally, you can configure the color scheme for the visual feedback when using speech search.

          It's important to note that speech search functionality is limited to Chrome for desktop or Android devices. It will not work on iPhones due to platform restrictions.