Return to previous page

Add to wishlist customization………..

This topic has 8 replies, 4 voices, and was last updated 10 months, 2 weeks ago ago by Rose Tyler

Kstb1979

Participant

October 16, 2022 at 19:23

how to get add to wishlist like attached pic.

https://drive.google.com/file/d/1NKJjKzRhBM1OnymIb-OvnDCeEjlkO2ed/view?usp=sharing

#336588 Copied Theme version: 8.3.5 WooCommerce version: 7.0.0

7 Answers

Tony Rodriguez

Support staff

October 17, 2022 at 06:10

Hello, @Kstb1979,

Thanks for using our Theme and for contacting us.

Please make sure that you have installed the “YITH WooCommerce Wishlist” plugin from the Dashboard >> XSTORE >> Plugin Installer. Check the image: https://postimg.cc/Ln8fGQky Once you installed it navigate to the plugin settings and set them as per your need https://postimg.cc/CZhV4Dpf choose the icon for the wishlist you want https://postimg.cc/qzTDnrTN then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/8fQGMYpT

Regards 8Themes Team.

#336596 Copied

Kstb1979

Participant

October 17, 2022 at 18:59

great..done that but icon shows in center of the image. Is there any option to move it on top right corner?

#336683 Copied

Tony Rodriguez

Support staff

October 18, 2022 at 05:36

Hello, @Kstb1979,

You have to edit the element which you are using on your home page “Product Grid” and choose the hover effect from there on your site as per your requirements: https://postimg.cc/4mBz4XSn the result will be like this: https://postimg.cc/BtCFNqsN

Hope this helps.

Regards 8Themes Team.

#336695 Copied

Kstb1979

Participant

October 18, 2022 at 17:25

That is great. almost done. but can it be static without hower.

#336808 Copied
Tony Rodriguez

Support staff

October 19, 2022 at 05:18
Hello, @Kstb1979,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.
```
.etheme-product-hover-mask2:not(:hover) footer {
    transform: translateX(0%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}
```
Regards 8Themes Team.
#336819 Copied
Massimo

Participant

February 9, 2024 at 14:54

Hi, is this valid yet? can you let me know how can I put these icons on a list of products? Thanks

#382975 Copied

Rose Tyler

Support staff

February 9, 2024 at 15:32

Hello, Massimo,

Thank you for contacting us and for using XStore.

To better assist you, we kindly request that you create a new topic at our support forum: https://www.8theme.com/forums/xstore-wordpress-support-forum/. Please provide a detailed description of your request and the outcome you are aiming for.

Thank you for your cooperation.

Kind Regards,
8theme team

#382981 Copied
Tagged: best selling, customization, persuasive, themes, wishlist, woocommerce
Viewing 8 results - 1 through 8 (of 8 total)