Customize your Wishlist branding with Growave 2.0

NOTE: Updated storefronts are available for customers using Growave 2.0. This applies to users who joined after January 22, 2024. If you're using an earlier version, refer to Wishlist branding for Growave 1.0.

Wishlist branding in Growave 2.0 lets you customize the wishlist interface to reflect your brand’s style, enhancing the user experience. To get started, navigate to Branding → Wishlist in the Growave admin panel and adjust the wishlist's appearance to suit your preferences.

General tab

The General tab of the Wihslist Braidng section contains settings related to the Wishlist colors, as well as the Wishlist icon and buttons on product pages.

Theme

Define the primary and secondary colors for Wishlist elements like buttons, the launcher, and the Wishlist page.

Wishlist icon

Customize the heart icon across all widgets:

  • Icon type and color: Choose an icon from a predefined list and set its color.
  • Icon background: Select Black or White (default: White).
  • Custom icons: Check the "Upload custom icon" box to upload your own icon files. Outlined and Filled styles are available.

Add to Wishlist button

Adjust the appearance of the "Add to Wishlist" button on product pages.

  • Color: Select Primary or Secondary (default: Primary).
  • Border radius: Set the corner rounding of the button (default: 90).
  • Font color: Choose Black or White (default: Black).
  • Style: Select Outlined or Filled (default: Outlined).
  • Show wishlist counter: choose to display the wishlist counter (default: enabled)

Widget & Launcher tab

Wishlist side drawer & page

This tab provides settings for the Wishlist side drawer (or floating sidebar widget), which by default appears on the right side of the shop page, and for the Wishlist launcher floating button.

  • Position: Position of the Wishlist widget, Left or Right (default: Right)
  • Launcher background: The background color of the Wishlist launcher, White or Black (default: White)
  • Launcher font color: Text color in the launcher, Black or White (default: Black)
  • Launcher icon background: background color of the heart icon in the launcher, Primary or Secondary (default: Primary)
  • Button color: Color of the "Add a new list" button, Primary or Secondary (default: Primary)
  • Buttons font color: Color of the text, White or Black (default: Black)
  • Button style: Visual appearance of the button, Outlined or Filled (default: Outlined)
  • Border radius: Rounding of the button, the more the value, the more round the angles of the button will be (default: 90)
  • Link color: Color of the "Save my Wishlist" link, Primary or Secondary (default: Secondary)

Launcher visibility

Control the visibility of the Wishlist launcher:

  • Show on all devices
  • Show only on desktop
  • Show only on mobile
  • Hide on all devices

Hope this article helped you customize your Wishlist storefront. If you still have any questions or need assistance, contact us at support@growave.io or use the chat icon in the bottom-right corner. We are here to help! 🤗