Product finder
Product finder: a few questions, one at a time; each answer stands for a product tag. The last step opens the collection filtered by the chosen tags (Shopify's own tag filtering, so nothing external is involved). Answers without a tag ("No preference") do not narrow the results.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Heading | Default: Find your match. |
| Text | |
| Collection to search | The results are the products of this collection that carry every chosen tag. Without a collection, all products. |
| Result heading | Default: Your matches. |
| Label | Default: See the products. |
| Order on mobile | Options: As on desktop, Second page first. Default: same. |
| Content width | Options: Narrow, Normal, Wide. Default: normal. |
| Minimum height | Options: Automatic, Small, Medium, Large, Full screen. Default: none. |
| Background image | |
| Overlay opacity | A layer in the color scheme’s background color keeps text readable over the image. From 0 to 90 %. Default: 60. |
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |
Blocks
Question
One question of the Product finder section: a question with answers to choose from.
| Setting | What it does |
|---|---|
| Question | Default: What will you use it for?. |
| Help text | |
| Answers as | Options: List, Cards with images. Default: list. |