# Wishlist Popup

The wishlist popup is a modal overlay that appears after a customer adds a product to their wishlist. It provides instant feedback and allows quick access to the wishlist.

## Overview

When enabled, the popup:

1. Appears as a **modal overlay** after clicking the "Add to Wishlist" button.
2. Displays the **current wishlist items** with product details.
3. Includes a **"View Full Wishlist"** link to navigate to the wishlist page.
4. Has a **close button** to dismiss the popup.

> **Screenshot placeholder:** *Wishlist popup modal showing recently added product and wishlist items.*

## Enabling or Disabling the Popup

1. Go to **Bizzwishlist > Settings**.
2. Find the **"Popup"** section.
3. Set **"Enable Popup"** to **Yes** (enabled) or **No** (disabled).
4. Save the settings.

> **Screenshot placeholder:** *Admin settings showing the popup enable/disable toggle.*

### When Popup is Disabled

If the popup is disabled, clicking the wishlist button will still add the product to the wishlist, but no popup will appear. The button state will update visually (heart fills in, text changes to "In Wishlist") and a subtle toast notification may appear instead.

## Popup Content

The popup displays:

| Element | Description |
|---------|-------------|
| Product items | List of current wishlist items with images and names |
| Action buttons | Quick actions for the wishlist items |
| View Wishlist link | Direct link to the full wishlist page |
| Close button | Dismiss the popup |

## How It Works

1. The popup container is rendered as an **empty overlay** in the page footer.
2. When a product is added to the wishlist, an **AJAX request** fetches the current wishlist items.
3. The popup content is populated dynamically and the overlay becomes visible.
4. Clicking the close button or the overlay backdrop hides the popup.

This approach ensures the popup does not impact page load performance since the content is only loaded on demand.