Skip to main content

WishlistDrawerWidget

Displays a drawer with wishlisted products, providing an interactive interface for users to view and manage their wishlists. This widget enhances customer engagement by offering direct access to wishlist details from the storefront.

Widget example​

Closed​

Closed widget example

Opened​

Opened widget example

Code​

The placeholder for this widget is added automatically to the body element. The widget button will be positioned in the gw-widget-placeholder-LC-wrapper or gw-widget-placeholder-RC-wrapper based on the wishlist branding settings configured in the Growave application admin panel. You do not need to manually set the placeholder, as the widget position can only be configured through the admin settings.

If these blocks are not present on your page, add them to ensure proper widget placement:

For left positioning:

<div class="gw-widget-placeholder-LC-wrapper" style="display: block">
    <div class="gw-widget-placeholder-LC"></div>
</div>

For right positioning:

<div class="gw-widget-placeholder-RC-wrapper" style="display: block">
    <div class="gw-widget-placeholder-RC"></div>
</div>

The open state of the widget renders directly to the body element and does not require any placeholder.