Appearance

Search ​

This guide describes setting up the Search section.

Use the section to set how search results are displayed on your store's Search page.

An example Search section on a store's Search page.

The previous image shows a Search section on a store's Search page. In the section's settings menu, the checkbox option is set to Enable filtering. This setting displays the product Availability and Price filtering options, with search results, inside the section. In the section settings, another checkbox option is set to Enable sorting. This setting displays the product Sort options, with search results, inside the section. Store visitors can specify products to display in the search results by using the filtering and sorting options.

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

Set up a search section ​

To set up a Search section:

  1. Go to Customize theme.

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

    Note

    The section is available only on the Others > Search page.

  2. From the side menu, select Search.

    The Search section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Filtering and sorting > Enable filteringSelect the checkbox Enable filtering to show/hide the product filtering options, with search results, 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.
Filtering and sorting > Enable filtering > Customize filtersFollow the Customize filters link to open the page Navigation > Collection and search filters on your store's admin. Use the page to set up custom filters and navigation menus for your store's collections. Refer to Shopify help: Custom filters.
Filtering and sorting > Enable sortingSelect the checkbox Enable sorting to show/hide the product sorting options, with search results, inside the section. If enabled, visitors can arrange the products in the search results by using sorting criteria.
Filtering and sorting > Expand filters by defaultSelect the checkbox Expand filters by default to show/hide the product filtering options, with search results, by default, inside the section. With this option set to off, to access the product filtering options, visitors must select the Filter button inside the section.
Filtering and sorting > Show filter countsSelect the checkbox Show filter counts to show/hide a count of the number of products in each filter category, among the search results, inside the section. A count of search results is displayed beside the name of each filter. For example, for search results for a collection containing two products that are in stock, In stock (2) is displayed in the Availability filter area.
Filtering and sorting > Enable color swatch filtersFor products in the search results that use color variants, select the checkbox Enable color swatch filters to show/hide the option to filter products by color, inside the section. Refer to Shopify help: Variants and Shopify help: Searching for products and filtering your product list.
Color > Color schemeUse the Color scheme options to select a color scheme for the section. Refer to Colors.
Custom CSSSelect Custom CSS. In the box, 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.