Search results

Search results across products, articles, and pages, with a no-results message and pagination.

Merchant-addable: No — template section
Settings: 7
Block types: —
File: sections/search.liquid

Used by default on: Search

Screenshots pending

Captures for Search results at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Automatic.

Setting it up

Set Color and Section padding.

Where the content comes from

Shopify search.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Search content

Results per pageSlider

ID: results_per_page
Default: 16
Range: 8 to 40, in steps of 4

Layout

Number of columns on desktopDropdown

ID: columns_desktop
Default: 4 columns

2 columns2
3 columns3
4 columns4

Product cards

Show quick addCheckbox

Adds single-variant products to the cart and opens product options when choices are required.

ID: show_quick_add
Default: On

Enable quick viewCheckbox

Lets shoppers review product details without leaving search results.

ID: enable_quick_view
Default: On

Color

Color schemeColor scheme

ID: color_scheme
Default: scheme-1

Section padding

Padding topSlider

ID: padding_top
Default: 40
Range: 0 to 100, in steps of 4

Padding bottomSlider

ID: padding_bottom
Default: 52
Range: 0 to 100, in steps of 4