Collections and search
Search
The search results page, with filters, sorting and a no-results message.
Settings
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Spacing
| Setting | What it does |
|---|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Search bar
| Setting | What it does |
|---|---|
| Search bar layoutDropdown | Full widthCentered |
| Placeholder textText | Text |
| Show search iconToggle | Toggle |
| Show clear buttonToggle | Toggle |
| Search bar sizeDropdown | SmallMediumLarge |
Search button
| Setting | What it does |
|---|---|
| Show search buttonToggle | Toggle |
| Button labelText | Text |
| Button styleDropdown | PrimaryOutline |
Type filter
| Setting | What it does |
|---|---|
| Show type filterToggle | Toggle |
| Filter display styleDropdown | Pill buttonsTabs |
Search results
| Setting | What it does |
|---|---|
| Show results countToggle | Toggle |
| Show search query in results headingToggle | Toggle |
Filter and sort
| Setting | What it does |
|---|---|
| Show sortToggle | Products tab only; Shopify orders pages and articles. |
| Show filtersToggle | Uses Shopify's Search and Discovery app. Products tab only. |
| Results layoutDropdown | GridList |
| Columns on desktopSlider | Slider |
| Columns on mobileDropdown | 12 |
| Column gapSlider | Slider |
| Row gapSlider | Slider |
No results
| Setting | What it does |
|---|---|
| No results headingText | Use [query] as a placeholder for the search term |
| No results messageText | Text |
| Show search tipsToggle | Toggle |
| Popular searchesText | Comma-separated terms shown when a search finds nothing. |
Recommended products
| Setting | What it does |
|---|---|
| Show recommended productsToggle | Toggle |
| Products collectionCollection | Collection |
| Number of productsSlider | Slider |
| Section headingText | Text |
Button
| Setting | What it does |
|---|---|
| Show buttonToggle | Toggle |
| Button labelText | Text |
| Button linkLink | Link |
| Button styleDropdown | PrimaryOutline |
Pagination
| Setting | What it does |
|---|---|
| Pagination styleDropdown | Numbered pagesLoad more button |
| Results per pageSlider | Slider |
| Show results infoToggle | Toggle |