Add Relvello to your theme
Relvello shows up on your storefront through two theme blocks and one app embed. All three are added in Shopify's theme editor, with no code.
Open the theme editor from Shopify: Online Store › Themes › Customize. Try it on a copy of your theme first if you like. Nothing changes on your live store until you publish the theme.
1. Collection pages
- In the template picker at the top of the editor, choose Collections › Default collection.
- Click Add section, open the Apps tab, and choose Relvello collection.
- Move it to where your product grid sits. If your theme's own product grid is still on the template, hide it so products only appear once.
- Click Save.
2. The search page
- In the template picker, choose Search.
- Add the Relvello search section from the Apps tab, and hide the theme's own search results.
- Click Save.
Block settings
Both blocks share these settings:
| Setting | Options | Default |
|---|---|---|
| Products per page | 8–48 | 24 |
| Columns on desktop | 2–6 | 4 |
| Columns on mobile | 1 or 2 | 2 |
| Image shape | Portrait, Square, Landscape | Portrait |
| Side padding | 0–80 px | 24 px |
| Show brand | On or off | Off |
| Let shoppers choose cards per row | On or off: buttons by the sort menu (2 to 4, or up to your desktop columns, on desktop; 1 or 2 on phones), remembered in the shopper's browser | Off |
| Image corners | 0–24 px | 6 px |
| Title size | 80–140% | 95% |
| Show sale and sold-out badges | On or off | On |
| Show second image on hover | On or off | On |
| Sale badge, sold-out badge and their text | Any color | The theme's |
| Buttons and button text | Any color | The theme's |
| Button and field corners | 0–24 px | 6 px |
Need more than these? See Customize with code.
The search block also has Show search box (on by default).
3. Search suggestions
- In the theme editor's sidebar, open App embeds.
- Turn on Relvello suggestions, then click Save.
Suggestions attach to the search fields your theme already has. Their settings are covered in Search and suggestions.
Check it's working
Visit a collection on your store. Once shoppers start browsing, the dashboard Overview's checklist ticks off Relvello on the storefront. If it says "No storefront activity this week", the blocks aren't on the published theme yet.