Search results

Helpful links

1. https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit/theme-editor

2. https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

3. https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks

4. https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks#metafields-and-dynamic-sources

Reference videos

Overview

The Search results section displays products, collections, and content that match visitor queries. Its extensive set of customizable options lets you control layout, grid style, and discovery features such as filtering and sorting. This ensures your search experience is both visually engaging and user-friendly across devices. Tweaking the Search results section allows users to quickly locate what they want, directly improving satisfaction and conversion.

⚠️ Important: Maintaining a well-optimized Search results section is essential for helping users discover relevant items quickly and enhancing overall site performance.

General layout settings

These settings determine how search results are organized on desktop and mobile. Adjusting these helps customers quickly navigate and interact with search results, no matter which device they're using.

Grid size

Set the number of columns shown in the search results grid for desktop displays.

1. Three columns

   1. Default

2. Four columns

Grid size (mobile)

Select the number of columns in the results grid for mobile devices, ensuring compatibility and clarity on smaller screens.

1. One column

2. Two columns

   1. Default

Enable grid size interface

Activate this setting to let shoppers select their preferred grid layout. If disabled, the grid remains fixed as configured above.

Default: enabled

Filter and sorting controls

Activating filters and sorting controls makes it easier for visitors to efficiently zero in on specific results. These tools are particularly valuable if you have a large or varied catalog.

Enable filters

Allow customers to refine results with additional search criteria, such as category or tags.

Default: disabled

Enable availability filter

Add a toggle for users to filter products by in-stock status, which is especially important for stores with frequently changing inventory.

Default: disabled

Enable sorting

Let users sort search results— for example, by relevance or newness— providing more advanced browsing capabilities.

Default: enabled

Show open by default

Choose whether the filter and sorting panels are expanded when the section loads, so controls are instantly accessible.

Default: enabled

📝 Note: Enable filters and in-stock toggles to simplify discovery as your catalog or content library grows. These tools give users more control and improve the searching process dramatically.

Supported block types

Blocks are not supported in the Search results section. All customization is handled through the provided section settings, enabling you to modify appearance, filtering, and sorting without adding separate content blocks.

Usage notes

Routinely test your grid, filtering, and sorting options to create a seamless and highly functional visitor journey. Advanced filter and sorting features improve navigation for larger catalogs, while a simple, accessible interface keeps customers engaged. Always ensure accessibility best practices— clear labels, contrast, and keyboard navigation— are present.

🚧 Caution: Consistent and simple Search results section settings ensure a smooth, accessible experience on all devices. Remove unnecessary controls to avoid clutter and keep the interface responsive.