Search results

This guide describes setting up the Search results section.

Use the section to customize how search results are displayed on store pages.

​

​The previous image shows a Search results section on a store's page. In the upper right, part of Theme editor's section menu is displayed. The menu's Product tile type option is set to Text overlay. With this option, text overlay tiles place details over the images in the search results.

For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks.

Set up a Search results section

To set up a Search results section:

1. In Theme editor, at the top of the page, use the theme templates dropdown menu to select Others > Search.

   Note

   The section is available only on Search pages.

2. From the side menu, select Search results.

3. Select a setting described in the following table.

Setting name	Description
Desktop layout	Use the Desktop layout options to set the section's filtering area to display a Dropdown or Drawer style layout. This option applies to desktop display devices.
Enable sorting	Use the Enable sorting option to show or hide the product sorting options for search results inside the section. If enabled, visitors can arrange the products in the search results by using sorting criteria.
Enable filtering	Use the Enable filtering option to show or hide the product filtering options inside the section. If enabled, visitors can select a range of search results by using filtering criteria. Refer to Shopify help: Searching for products and filtering your product list and Shopify help: Add storefront filtering.
Collapse filters	Use the Collapse filters option to show or hide the product filtering options for search results inside the section. With this option off, to access the product filtering options, visitors must select the expand menu icon inside the section. To use this option, turn on the Enable filtering option. Note that this option does not apply when the Desktop layout option is set to Dropdown.
Capitalize labels	Use the Capitalize labels option to turn "uppercase label mode" on or off. With this option enabled, uppercase is applied to the text labels for the section's filtering and sorting options. To use this option, turn on the Enable filtering option.
Product results > Product tile type	Use the Product tile type option to specify the type of tile to use for displaying search results inside the section. The options are Standard or Text overlay. With Standard tiles, details are displayed below the images in the search results. With Text overlay tiles, details overlay the images in the search results.
Theme settings	If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSS	Select Custom CSS. In the CSS field, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.