> ## 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.

# Basics

> Wishlist mode, brand color, icon, button styles and the default product image.

All storefront appearance settings live in **Manage Wishlist** in the app menu. It opens a full-screen editor with a **live preview** on the right. Click **Save** in the bar at the top when you are done, or **Discard** to throw away your changes.

![Manage Wishlist: Basics, Collections and Product Page tabs, each with a live preview](https://mintcdn.com/codebeans-wishlyst/FOg6WqIIKdNxdSzd/images/admin/customize-button.jpeg?fit=max\&auto=format\&n=FOg6WqIIKdNxdSzd\&q=85\&s=24711ab5dbb72139d247306d8aec94cd)

Manage Wishlist: Basics, Collections and Product Page tabs, each with a live preview

The editor has these tabs:

| Tab | Covers |
| - | - |
| **Basics** | Global settings on this page |
| **Product Page** | [Product page button](https://codebeans-wishlyst.mintlify.site/guides/customize/product-page.md) |
| **Collections** | [Collection page hearts](https://codebeans-wishlyst.mintlify.site/guides/customize/collection-page.md) |
| **Wishlist Page** | [Wishlist page, floating button and drawer](https://codebeans-wishlyst.mintlify.site/guides/customize/wishlist-page.md), plus [custom templates](https://codebeans-wishlyst.mintlify.site/developers/page-templates.md) |
| **Cart** | [Move to wishlist from the cart](https://codebeans-wishlyst.mintlify.site/guides/customize/cart.md) |
| **Wishlist Account** / **Wishlist Detail Account Page** | [Text on the wishlist pages](https://codebeans-wishlyst.mintlify.site/guides/customize/wishlist-page.md#account-page-text) |
| **Wishlist Nav Shortcode** / **Recent Swatches** | [Menus and recently viewed](https://codebeans-wishlyst.mintlify.site/guides/customize/nav-and-swatches.md) |
| **Wishlist Popup** | [Popup colors and text](https://codebeans-wishlyst.mintlify.site/guides/customize/popups-and-messages.md) |
| **Email Settings** | [SMTP](https://codebeans-wishlyst.mintlify.site/guides/emails/email-settings.md) |
| **Error Messages** | [Shopper-facing messages](https://codebeans-wishlyst.mintlify.site/guides/customize/popups-and-messages.md#error-messages) |

Every tab with text has a **language selector**. See [Translations](https://codebeans-wishlyst.mintlify.site/guides/customize/translations.md).

## Wishlist mode

**How many lists can a shopper keep?**

> [tab] Multiple lists (default)
>
> Shoppers can create, rename and delete as many wishlists as their plan allows. Clicking the wishlist icon opens a chooser where they pick one or more lists, or create a new one.

> [tab] Single list
>
> Each shopper has one wishlist. The icon adds and removes items directly, with no popup. Creating and deleting lists is turned off.
>
> Shoppers who already have several lists see only their oldest one on the storefront. Nothing is deleted, and switching back to multiple lists restores them all.

> [!NOTE]
>
> The number of wishlists each shopper can create also depends on your plan (**Wishlists per Signed-On User** and **Wishlists per Guest User**).

## Colors

**Primary Color** (default `#000000`) is the main color of buttons and icons across the wishlist. Each tab can override it.

## Icons

Choose **Heart** (default), **Star** or **Bookmark**. The icon is used everywhere: product page, collection cards, drawer and floating button.

## Button styles

| Setting | Range | Default |
| - | - | - |
| Border radius | 0–100 px | 4 px |
| Button width | 10–100% | auto |
| Font size | 10–32 px | 14 px |
| Hover background | color | `#e3e3e3` |

## Default product image

Shown wherever a product has no image of its own: the wishlist popup, the wishlist page and shared wishlists.

* **Select image** picks one from your Shopify files.
* **Or paste an image URL** (must start with `https://`).
* **Use app default** goes back to the built-in placeholder.


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