Search
How to use the Search block in the Meditative Folks Theme.
Search
At a glance
Adds a search field that opens predictive search results.
Used in
- Header (via theme blocks)
Settings
Icon size
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Icon size (mobile) | Controls “Icon size (mobile)” on the storefront. Open the theme editor to preview live. | 24 | Always |
| Icon size (tablet) | Controls “Icon size (tablet)” on the storefront. Open the theme editor to preview live. | 24 | Always |
| Icon size (desktop) | Controls “Icon size (desktop)” on the storefront. Open the theme editor to preview live. | 24 | Always |
| Search icon | Controls “Search icon” on the storefront. Open the theme editor to preview live. | search | Always |
Search
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Placeholder text | Placeholder text shown inside the field before the customer types. | — | Always |
Empty state
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Popular searches | Controls “Popular searches” on the storefront. Open the theme editor to preview live. | — | Always |
| Featured products | Controls “Featured products” on the storefront. Open the theme editor to preview live. | — | Always |
Setting details
Each control from the tables above, explained simply:
Icon size (mobile)
Controls “Icon size (mobile)” on the storefront. Open the theme editor to preview live. Default: 24.
Icon size (tablet)
Controls “Icon size (tablet)” on the storefront. Open the theme editor to preview live. Default: 24.
Icon size (desktop)
Controls “Icon size (desktop)” on the storefront. Open the theme editor to preview live. Default: 24.
Search icon
Controls “Search icon” on the storefront. Open the theme editor to preview live. Default: search.
Placeholder text
Placeholder text shown inside the field before the customer types. Default: —.
Popular searches
Controls “Popular searches” on the storefront. Open the theme editor to preview live. Default: —.
Featured products
Controls “Featured products” on the storefront. Open the theme editor to preview live. Default: —.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.