> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Wishlist Empty State

> This element is a div next to the wishlist that is shown when the list is empty. It is used to inform the user that there are no products in the wishlist.

<Frame>
  <img src="https://mintcdn.com/thinddev/5vCSKuNRwWtbt3SO/images/wishlist-empty.png?fit=max&auto=format&n=5vCSKuNRwWtbt3SO&q=85&s=f7d6bfbd051bab4643a8349e59ec131a" width="2362" height="456" data-path="images/wishlist-empty.png" />
</Frame>

## Setup

<Steps>
  <Step title="Wishlist Empty State Wrapper">
    Add a empty div block as sibling to the  wishlist.
  </Step>

  <Step title="Wishlist Empty State Wrapper - Attributes">
    Add following attribute to the div block:

    ```html theme={null}
    looop=wishlist_empty-state
    ```
  </Step>
</Steps>