Wishlist menu & recently viewed

Show the shopper’s wishlists in a menu, and a strip of recently viewed products.

​

Wishlist nav shortcode

Where: Manage Wishlist → Wishlist Nav Shortcode

Lists the shopper’s wishlists as links, for example in your header, account dropdown or mega menu. Clicking one opens it on the wishlist page.

The nav shortcode inside a header dropdown

Paste this anywhere in your theme’s Liquid:

<div data-cb-wishlist-nav></div>

Setting	Default
Wishlists to show in nav	5
Show “View All” link	On. Shown when the shopper has more wishlists than the limit.
”View All” link text	View All
Show “Create New List” in nav	On
”Create New List” position	Bottom of list

Each placement can override these settings with attributes, for example data-limit="3" or data-page="/pages/my-wishlist". See the full attribute list.

In single-list mode, the menu shows one link to the shopper’s wishlist.

​

Recently viewed swatches

Where: Manage Wishlist → Recent Swatches

Shows small swatches of the variants a shopper viewed recently. They can jump back to a product, or add every remembered variant to a wishlist at once.

Recently viewed swatches

Enable recent swatches is the master switch (on by default).

​

Placement

Automatic

Enter a Theme element selector and choose Where to place the strip: Inside, Before or After that element.

Snippet

Paste this where you want the strip:

<div class="cb-recent-swatches"></div>

​

Settings

Setting	Default
Swatches to show	300 (0 = all)
Swatches to remember	300, stored in the shopper’s browser (0 = no limit)
Swatch size (px)	50
Heading	Recently viewed swatches
Show “View More”	On
Show “Add Selection To Wishlist”	On. Adds every remembered swatch to a wishlist at once.
Empty state text	No swatches left. View a variant to add one.

Eight Custom classes fields let you add your own CSS classes to each part of the strip.