Skip to content

Wishlist Page

Controls how customers view and interact with their saved items — as a popup, a slide-out drawer, or a dedicated page on your store.


Overview

This is the main screen shoppers see when they open their wishlist. It lists every saved product with images, pricing, and stock status, and lets customers add items to cart, buy now, remove items, or share their list. You control how it opens, how items are laid out, and what actions are available.


Benefits

  • Choose the display style that fits your store's design: popup, drawer, or a full page with its own URL
  • Show pricing and stock status live, so customers always see accurate information
  • Let customers check out directly from the wishlist with Add to cart or Buy now
  • Control pagination so long wishlists stay easy to browse

Where to Find It

Apps ↓ BRIX: Wishlist Plus ↓ Settings ↓ Pages tab ↓ Wishlist page ↓ Customize


How to Use

  1. Open the app and go to Settings.
  2. Find Wishlist page under the Pages tab. Its badge shows the current display style (Popup window, Drawer, or Dedicated page).
  3. Click Customize.
  4. Choose your Display style, layout, and product card options.
  5. Configure sharing, pricing display, and cart behavior.
  6. Set up pagination for longer wishlists.
  7. Translate customer-facing text if needed.
  8. Review the live preview, then click Save.

Available Settings

Display style

OptionDescription
Dedicated pageWishlist opens as its own standalone page with a unique, bookmarkable URL
Popup windowWishlist opens as a centered modal overlay on top of the current page (default)
DrawerWishlist slides in from the side as a drawer/panel

Layout

SettingDescription
Layout optionList, Grid, List first, or Grid first — the last two let shoppers toggle between views (default: Grid)
Number of columns (desktop)3–6 slider, shown when layout isn't List-only (default: 4)
Image ratioAdapt to image, Portrait, or Square (default: Square)
Card actions layoutOverlay on hover (icons appear over the image) or Same row as Add to cart (icons sit beside the button) — shown when layout isn't List-only (default: Overlay on hover)
Empty state imageOptional image shown when the wishlist has no items
Show sub titleShow the product's subtitle/type (default: off)

Sharing

SettingDescription
Share wishlistLets customers share their wishlist (default: on)
Share channelsChoose which options appear: Email, Facebook, Twitter, Copy link, WhatsApp — all on by default

Pricing & Product Info

SettingDescription
Show priceDisplays the product price (default: on)
Price positionBelow product title, or Below SKU — shown when Show price is on (default: Below product title)
Show SKUDisplays the product SKU (default: on)

Cart Behavior

SettingDescription
Remove when added to cartAutomatically removes an item from the wishlist once it's added to cart (default: off)
Continue adding to cartKeeps the shopper on the wishlist after adding to cart instead of prompting to view cart (default: off)
Hide add to cart buttonsHides all Add to cart buttons on the wishlist (default: off)
Show buy now buttonAdds a Buy now button that skips the cart and goes straight to checkout (default: off)

Pagination (shown when a wishlist has more products than fit on screen)

SettingDescription
Pagination styleLoad More (button), Numbered (page numbers), or Infinite Scroll (auto-loads as you scroll) — default: Load More
Products per page3–50 slider (default: 12)

Translatable text

FieldDefault
Empty state title"Your wishlist is empty"
Empty state message"Save items you love by clicking the heart icon on any product."
Page title"Wishlist page"
Share label"Share on"
Add to cart text"Add to cart"
View cart text"View cart"
Buy now text"Buy it now"
Remove button text"Remove"
Load more button text"Load more"

Best Practices

  • Choose Dedicated page if you want customers to be able to bookmark or link directly to their wishlist. Choose Popup or Drawer for a faster, no-navigation experience.
  • Keep Show price and Show SKU on so customers can compare saved items without revisiting each product page.
  • If you sell products that frequently sell out, keep stock status visible by not hiding the Add to cart button — a "Sold out" state is shown automatically for unavailable items.
  • Use Numbered or Load More pagination for wishlists that are typically short; use Infinite Scroll for stores where customers tend to save many items.

Notes

  • Prices and stock status shown here are always current — they reflect your live catalog, not what the price/stock was when the item was saved.
  • If a saved product is later deleted from your store, it's automatically removed from the customer's wishlist view. If only the specific saved variant is deleted, the item shows as unavailable instead.
  • If you have a multi-currency storefront, prices automatically display in the currency the shopper's storefront is showing.
  • Switching Display style at any time doesn't break previously shared wishlist links — see Share Wishlist.

Troubleshooting

Customers say the wishlist page shows different products than they expect. If Multiple wishlists is enabled, they may be viewing a different list than the one they added an item to.

The Buy now button isn't showing. Confirm "Show buy now button" is turned on, and that the item is in stock.

Pagination doesn't seem to trigger. Confirm the wishlist actually has more items than your configured "Products per page" value.