Favourites
How it works
Favourites let customers browsing a large catalogue mark products for later, without building an order or filling the cart. When they're ready to buy, they pick the variant and quantity and add the product to the cart.
Each customer sees only their own Favourites, which aren't shared with other users or accounts. There's nothing for you to keep up to date.
To try them, sign in to our B2B demo store (opens in a new tab).
Before you start:
- Core Script 4.9 or later on your storefront. Check Version for this store at Storefront,Widgets,Core script version (opens in your SparkLayer Dashboard in a new tab).
- Favourites lists turned on at Storefront,Options,My Account (opens in your SparkLayer Dashboard in a new tab) (on by default).
Favourites vs shopping lists
Favourites and shopping lists work side by side but do different jobs.
| Topic | Favourites | Shopping lists |
|---|---|---|
| Best for | Marking products to come back to later | Building and reordering a specific order |
| What's saved | The product only | Products with their variants and quantities |
| Structure | One simple list per customer | Multiple named lists per customer |
| Adding to the cart | Select products, then choose options and quantities | Add the whole list, or selected items, with saved quantities |
A shopping list suits a customer who knows what to reorder. Favourites are quicker for remembering products while browsing.
Add a product to Favourites
Customers click the heart icon (Add to favourites) next to Add to cart and the shopping list icon on a product page, or on a product card on a collection page. The heart changes to show the product is saved. Saving it again doesn't create a duplicate.
View Favourites in My Account
The My Account overview shows the most recently saved products in Favourites, above the shopping lists. Hovering over a product shows its name, and View all opens the Favourites page.
The Favourites page lists every saved product with its image, name and SKU, with the total in the heading. If nothing's saved yet, it explains how to use the heart icon.
Add favourites to the cart
- On the Favourites page, click Select & add to cart.
- Select one or more products.
- For each product, click Choose options to pick the variant and set the quantity. Current pricing and stock are shown for each option.
- Add the selected products to the cart.
The products stay in Favourites. The usual availability and quantity rules apply, and if a product can't be added, such as when it's no longer available, a message explains why.
Remove a favourite
On the Favourites page, customers click the remove icon next to a product. It's removed straight away, without changing the product or any shopping lists.
Turn Favourites off
- Go to Storefront,Options (opens in your SparkLayer Dashboard in a new tab) and open My Account.
- Turn off Favourites lists.
- Click Save and publish.
The heart icon disappears from product and collection pages, and Favourites disappears from My Account. Turn it back on in the same place at any time.
FAQs
Favourites save only the product, to come back to later. Shopping lists save products with variants and quantities, for building and reordering a specific order. Both are in My Account. See Favourites vs shopping lists.
No. Customers choose the variant and quantity when adding a favourite to the cart, so they always see current options, pricing and stock.
Yes. The heart icon is on collection page product cards as well as product pages.
No. Favourites are personal to each signed-in customer.
No. Products stay in Favourites after they're added to the cart.
It stays in Favourites but can't be added to the cart. A message explains this, and the customer can remove it.
No. It only affects that customer's Favourites.
Check the requirements in Before you start: Core Script 4.9 or later, and Favourites lists turned on at Storefront,Options,My Account (opens in your SparkLayer Dashboard in a new tab).
Next steps
Last updated