> ## Documentation Index
> Fetch the complete documentation index at: https://codebeans-wishlyst.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 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](https://mintcdn.com/codebeans-wishlyst/FOg6WqIIKdNxdSzd/images/mockups/nav-shortcode.png?fit=max\&auto=format\&n=FOg6WqIIKdNxdSzd\&q=85\&s=104a3d51a91a93ee472232c49684f4c7)

The nav shortcode inside a header dropdown

Paste this anywhere in your theme's Liquid:

```html theme={null}
<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](https://codebeans-wishlyst.mintlify.site/developers/manual-placement.md#wishlist-menu-nav-shortcode).

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](https://mintcdn.com/codebeans-wishlyst/kZPpW-wYst0WMFZK/images/mockups/recent-swatches.png?fit=max\&auto=format\&n=kZPpW-wYst0WMFZK\&q=85\&s=1a87ca1d1adcc5971d8e75166ad5eab5)

Recently viewed swatches

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

### Placement

> [tab] Automatic
>
> Enter a **Theme element selector** and choose **Where to place the strip**: Inside, Before or After that element.

> [tab] Snippet
>
> Paste this where you want the strip:
>
> ```html theme={null}
> <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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.