Customer Accounts (New) — Wishlist Block Setup Guide
If your Shopify store uses the new Customer Accounts experience, blocks are added through a dedicated editor rather than the standard Theme Editor. Follow this guide to add and configure the wishlist block in your customer account pages.
If you're using the legacy customer accounts, please refer to this guide instead.
Adding the Wishlist Block
- Go to your store's Admin panel and open Settings.
-
Navigate to Customer Accounts → Configurations → Customize.
-
Select the Configuration you want to customize and click Customize again.
-
Then the customizer opens, and in the dropdown at the top, choose Customer Accounts → Profile.
-
Click Add Block and select R+ Wishlist Block.
- Click Save.
Customizing the Wishlist Block
Once the block has been added, you can configure its appearance and behavior directly in the editor. The settings are organized into three sections below.
Section Header
These settings control the header displayed above the wishlist.
| Setting | Description |
|---|---|
| Show section header | Toggles the header area on or off. Hidden by default. |
| Header content | Determines what is shown in the header. Options: Both, Title Only, Subtitle Only, None. Default: Both. |
| Header title | The main heading text displayed in the header (e.g. Your wishlist). |
| Header subtitle | Secondary descriptive text shown below the title (e.g. Products you have saved for later). |
| View all button label | The label on the button that opens the full wishlist page (e.g. View all). |
| View all button position | Where the "View all" button appears relative to the header. Options: Right, Left, Top, Bottom, Hidden. Default: Right. |
| View all link destination | The URL the "View all" button links to. Use a relative path (e.g. /pages/wishlist ) or a full URL. |
Product Grid
These settings control how wishlist products are displayed in the block.
| Setting | Description |
|---|---|
| Product card style | The visual style and image orientation of each product card. Options: Standard Vertical, Standard Horizontal, Bordered Vertical, Bordered Horizontal, Minimal Vertical, Minimal Horizontal. Default: Standard Vertical. |
| Product columns (desktop) | Number of product cards displayed per row on desktop. Options: 2, 3, or 4 columns. Default: 4. |
| Product columns (mobile) | Number of product cards displayed per row on mobile. Options: 1 or 2 columns. Default: 1. |
| Image ratio | The aspect ratio of the product image. Options: Square, Portrait, Landscape. Default: Square. |
| Content alignment | Horizontal alignment of the text content within each card. Options: Left, Center, Right. Default: Left. |
| Show stock status | Displays an in stock / out of stock label on each product card. Hidden by default. |
| Price format | Controls how the product price is shown. Choose between current price only, or current price alongside the compare-at (original) price. Default: Current Price Only. |
| Show view product link | Adds a link on each card directing the customer to the product page on your store. Hidden by default. |
| View product style | The visual style of the product page link. Options: Link, Link with arrow, Button, Button with arrow. Default: Link with arrow. |
| View product link label | The text shown on the product page link (e.g. View product). |
Text & Labels
These settings let you customize the text displayed within the wishlist block.
| Setting | Description |
|---|---|
| Section heading | The title shown above the list of wishlist products (e.g. Wishlist). |
| Empty state message | The message shown when the customer's wishlist contains no products (e.g. No items in your wishlist yet. Add products while browsing.). |
| Continue shopping label | The text on the button shown in the empty state, directing customers back to the store (e.g. Continue shopping). |
Do you need help?
If you have any questions or run into issues, please contact us — we’re happy to help.