The Wishlist section is the drawer that lists the products a customer saved. It slides in from the right when a customer clicks the heart icon in the header, or Wishlist in the mobile bottom navigation. In the editor sidebar, it is the Wishlist section under Overlays. Select it to open the drawer in the preview.
Customers save a product with the heart button on the corner of the product photos. Show wishlist button in the Media block of the Product information section turns that button on. The default product page has it on, and so does quick view. The Featured product section has the same setting in its own Buy buttons block. Product cards have no heart. Let customers save products to a wishlist explains how to turn the wishlist on.
The wishlist is kept in the customer's browser. It is not linked to their customer account, does not follow them to another device, and is gone when they clear their browser data. No app is needed.
On screens narrower than 1000 px, the drawer slides up from the bottom of the screen, and customers can swipe it down to close it.
Saved products
Each saved product shows its photo, name and price, and the start of its description. A product whose variants have different prices shows "From" and the lowest price. The buttons beside it:
A trash button removes it from the wishlist.
A round button adds it to the cart when it has one variant, or opens quick view when it has several. Quick view is a popup where the customer picks options and adds the product to the cart.
A sold-out product shows "Sold out" in place of that button.
Adding a product to the cart from the drawer closes it. A product you delete from your store drops off every wishlist.
Empty state
These settings fill the drawer when nothing is saved.
Setting
What it does
Heading and Message
The title and the paragraph. Leave either empty to use the theme's default wording.
Button label and Button link
The button under the message. Leave the link empty to send customers to the page with all your products.
Product carousel block
The drawer has one fixed Product carousel block under the empty-state message. It shows only while the wishlist is empty. Pick a collection in its Collection setting to show those products, or leave it empty to hide the row. Product carousel block describes its settings.
The Wishlist section is the drawer that lists the products a customer saved. It slides in from the right when a customer clicks the heart icon in the header, or Wishlist in the mobile bottom navigation. In the editor sidebar, it is the Wishlist section under Overlays. Select it to open the drawer in the preview.
Customers save a product with the heart button on the corner of the product photos. Show wishlist button in the Media block of the Product information section turns that button on. The default product page has it on, and so does quick view. The Featured product section has the same setting in its own Buy buttons block. Product cards have no heart. Let customers save products to a wishlist explains how to turn the wishlist on.
The wishlist is kept in the customer's browser. It is not linked to their customer account, does not follow them to another device, and is gone when they clear their browser data. No app is needed.
On screens narrower than 1000 px, the drawer slides up from the bottom of the screen, and customers can swipe it down to close it.
Saved products
Each saved product shows its photo, name and price, and the start of its description. A product whose variants have different prices shows "From" and the lowest price. The buttons beside it:
A trash button removes it from the wishlist.
A round button adds it to the cart when it has one variant, or opens quick view when it has several. Quick view is a popup where the customer picks options and adds the product to the cart.
A sold-out product shows "Sold out" in place of that button.
Adding a product to the cart from the drawer closes it. A product you delete from your store drops off every wishlist.
Empty state
These settings fill the drawer when nothing is saved.
Setting
What it does
Heading and Message
The title and the paragraph. Leave either empty to use the theme's default wording.
Button label and Button link
The button under the message. Leave the link empty to send customers to the page with all your products.
Product carousel block
The drawer has one fixed Product carousel block under the empty-state message. It shows only while the wishlist is empty. Pick a collection in its Collection setting to show those products, or leave it empty to hide the row. Product carousel block describes its settings.