Appearance
Floating Wishlist Button
A persistent button that stays visible on every page of your store, giving shoppers one-tap access to their wishlist at any time.
Overview
The floating wishlist button sits in a fixed position on screen — for example, the bottom-right corner — and doesn't scroll away as the shopper browses. Clicking it opens the wishlist panel (or navigates to the dedicated wishlist page, depending on your Wishlist Page display setting).
Unlike the product grid and product page buttons, this feature is off by default.
Benefits
- Gives shoppers a constant, easy way to revisit their saved items
- Encourages repeat visits and reduces abandoned wishlists
- Fully repositionable so it never blocks other on-page elements
Where to Find It
Apps ↓ BRIX: Wishlist Plus ↓ Settings ↓ Buttons tab ↓ Floating wishlist button ↓ Customize
How to Use
- Open the app and go to Settings.
- Find Floating wishlist button under the Buttons tab and turn the toggle on.
- Click Customize.
- Choose an icon, button style, and position.
- Enable Custom position if you want to fine-tune exact pixel placement.
- Translate the button label if needed.
- Review the live preview, then click Save.
Available Settings
Icon
| Setting | Description |
|---|---|
| Icon style | Heart, Star, Bookmark, or Custom SVG upload (max 100 KB) |
| Icon animation | Same 12 animation options used across other wishlist buttons (default: Flip 3D) |
| Icon size | 12–48px slider (default: 20px) |
| Icon color | Default state and active state colors |
Style & Position
| Setting | Description |
|---|---|
| Button style | Style 1, Style 2, Style 3, or Style 4 — different visual layouts (default: Style 1) |
| Position | Middle left, Middle right, Bottom left, or Bottom right (default: Bottom right) |
| Enable custom position | Fine-tune placement with horizontal (X) and vertical (Y) pixel offsets from the chosen corner (default: on) |
| Position X / Y | -200 to 200px sliders, only active when custom position is enabled |
| Text/foreground color | Color of the icon and label text |
| Background color | Button background color (default: red) |
Translatable text
| Field | Default |
|---|---|
| Float button text | "My wishlist" |
Best Practices
- Position the button somewhere it won't overlap live chat widgets, cookie banners, or "back to top" buttons from other apps.
- Test on mobile using the live preview — floating buttons take up relatively more space on small screens.
- If your store already has a busy bottom-right corner (chat, cart, etc.), try "Middle left" or "Middle right" instead.
Notes
- This button is visible to both guest and logged-in shoppers.
- If Guest wishlist is turned off, tapping the button as a guest shows a "Login required" message instead of an empty wishlist.
- When your Wishlist Page display style is set to "Dedicated page," this button navigates shoppers to that page instead of opening a popup or drawer.
Troubleshooting
The button overlaps another widget on my store. Adjust Position and the custom X/Y offsets, or switch corners entirely.
The button isn't showing up on the storefront. Confirm the toggle is turned on in Settings (it's off by default) and that the theme app embed is enabled — see Installation.