Skip to main content

Search template

The Search template displays results when a customer uses your store’s search feature. It shows matching products, collections, blog posts, or pages based on the search term entered. You can customize this template to include filters, sorting options, or messaging to help customers quickly find what they’re looking for.

Quick search

If the Quick search is enabled users will be able to actively search within the header without needed to visit this template. This template is still visible to people looking for full results beyond what is shown in the Quick search results.

Search results section

Search results section shown in the Shopify editor

SettingDescription
Color schemeSelect a predefined color scheme.
ContentSee all Content settings
ResultsSee all Results settings
Filtering and sortingSee all Filtering and sorting settings
Section spacing & borderSee shared settings > Section spacing & border. Associated settings below.
Section animationsAnimate section when scrolled into view.

Content settings

SettingDescription
Results per pageHow many search results are visible on each paginated page.
Pagination styleChoose how customers navigate through results beyond the current page.
Pagination style

This setting helps you control how content loads, based on the experience you want to create.

  • Paginated: Shows numbered pages for manual navigation.
  • Click to load more: Loads more results when a button is clicked.
  • Load on scroll: Automatically loads more results as the customer scrolls (infinite scroll).

Results settings

SettingDescription
Results per row on desktopPick how many results are visible in a row on desktop
Results per row on mobilePick how many results are visible in a row on mobile

Filtering and sorting settings

SettingDescription
Show result filteringAllow users to filter and refine the results shown through the filter panel.
Show result sortingAllow users to update the order of results shown.
Group active filters by typeWhen filters are applied and the filter panel is closed, active filters appear as dismissable filter buttons. Enabling grouping will organize these buttons by filter type. Making it easier for customers to see what categories or options they’ve selected.

Results filtering and sorting settings being used

Shared settings

These settings are common to several sections and work the same way wherever they appear. Once you learn how they work in one place, you'll recognize them elsewhere.

Spacing and border

The section Spacing & Border settings allow you to control how much vertical space line between your sections. Mix and match to find what works for you. Show a stylistic border between sections to emphasize the break between content.

SettingDescription
Top spacingHow much spacing applies to the top of this section.
Bottom spacingHow much spacing applies to the bottom of this section.
Show bottom borderShow a stylistic border at the bottom of the section spacing
Visual example.

Showing section height settings in action