Theme setup
The app embed, the wishlist button and heart blocks, their settings, and how card hearts work in themes without card blocks.
Blazier Wishlist is a theme app extension. Everything you place lives in the theme editor, and Blazier never edits your theme files. Removing a block or uninstalling the app leaves your theme as it was.
The pieces
| Piece | Where it goes | What it does |
|---|---|---|
| Blazier Wishlist app embed | Theme editor → App embeds | Loads the wishlist on every page and shows the launcher. Required. |
| Wishlist button block | Product page | An “Add to wishlist” button that follows the selected variant. |
| Wishlist heart block | Product cards (themes that support it) | A heart on each product card. |
| Wishlist page | /apps/blazier/wishlist |
A full page for the shopper’s lists, inside your theme’s layout. Nothing to add. |
App embed settings
- Launcher: a floating button, a link in your header, or none.
- Launcher position: right or left, for the floating button.
- Accent color: the color of hearts, buttons and the drawer’s main actions.
- Allow guest wishlists: let shoppers save without logging in. See Guest wishlists.
- Require login to save: send shoppers to log in before their first save.
- Let shoppers choose a list when adding: show a list picker on save when the shopper has more than one list.
Wishlist button settings
- Style: icon only, text only, or icon and text.
- Full width: stretch the button to the width of its column.
- Height: the button reserves this height before the script runs, so the page doesn’t shift.
Wishlist heart settings
- Size: the heart’s size in pixels.
Hearts in themes without card blocks
Many themes don’t allow app blocks inside product cards. For those, the app embed finds product cards on the page and adds a heart over each card’s image. It uses a preset for your theme that says where cards and images are. Hearts are positioned over the image, so they don’t move other content.
If hearts don’t appear, or appear in the wrong place, email us your theme’s name and version. We’ll add or adjust the preset for your theme.
Horizon and other block-based themes
Horizon and other themes built on theme blocks let you add app blocks in most sections:
- Add Wishlist button inside the product information block group.
- If the product card in your collection or search sections accepts blocks, add Wishlist heart there. Otherwise card hearts are added automatically, as described above.
Dawn and other Online Store 2.0 themes
- In the product template, select the Product information section and choose Add block → Wishlist button.
- Dawn’s product cards don’t accept app blocks, so card hearts are added automatically when the app embed is on.
Linking to the wishlist yourself
Set Launcher to none if you’d rather add your own link, for example in your header menu. Link to /apps/blazier/wishlist. Theme developers can also open the drawer from any element; see the developer docs.
Styling beyond the settings
Theme developers can adjust spacing, radius and colors with CSS custom properties. See CSS custom properties.
Still stuck? Email support@blazier.app. Include your store's .myshopify.com address and, if you can, a link to the page where you see the problem.