The Wishlist Button Settings for “Single Product Page” section of the MC WooCommerce Wishlist Plugin allows you to customize the appearance and behavior of the wishlist button on your product page. By adjusting these settings, you can create a wishlist button that is both functional and visually appealing, and that seamlessly integrates with the design of your website.
1. Button position in Product Page #
This setting allows you to choose where to display the wishlist button on your product page. You have several options to choose from, including:
- Before “add to cart.” form.
- After ”add to cart.” form
- Before “add to cart.” button
- After “add to cart.” button
- On Image – Top Left
- On Image Top Right
- On Image – Bottom Left
- On Image – Bottom Right
- After summary (not recommended)
- Use shortcode
Choose the option that works best for your website’s design and layout.
2. Button type #
This setting allows you to choose from three different types of buttons:
- Icon only
- Text only
- Icon and text
Depending on your preference, you can choose the button type that best suits your website’s design and your users’ needs.
3. Default button style #
If you want the wishlist button to automatically match your website’s theme, you can enable this option. This will ensure that the button appearance is consistent with your website without any additional customization.
4. Button Icon #
This setting allows you to choose from multiple options for the wishlist button icon.
- Heart Icon
- Save Icon
- Plus Icon
- Gift Icon
- Star Icon
- Pin Icon
- Your Custom Icon (.svg)
Choose the icon that best represents your website’s brand and design.
5. Icon Style #
If you wish to customize the style of your wishlist icon, you can personalize it using this setting. You can choose the font size, color, and hover color to match your website’s design and make the icon stand out.
6. Button Colors #
With this setting, you can change the background and border colors of the wishlist button in both normal and hover states. Choose the colors that best match your website’s design and make the button visually appealing.
7. Button Sizes #
This setting allows you to change the icon font style. You can adjust these settings to ensure that the button is easily visible and accessible to your users.
8. Button Tooltip Styles #
By enabling this feature, a tooltip box will appear when you hover over the wishlist button.
You can customize the tooltip style using Global Settings for Tooltip and Pop-up Global Appearance.