When product added to wishlist just change text and color on button

Hi ?sa,

I think the simpliest way to obtain your goal is to overwrite add-to-wishlist.php template, simply copying it from wp-content/plugins/yith-woocommerce-wishlist-premium/templates/ to your theme root.

Now you can customize .yith-wcwl-wishlistaddedbrowse (shown when a product is added to wishlist ) and .yith-wcwl-wishlistexistsbrowse (show when product is already in wishlist) divs.

Then you can write some custom css to customize colors as you wish (please, don’t change class, as they’re required for correct plugin behaviour)

Please, let me know if this helps you
Have a nice day ??

Hi! Ok thanks, though, I think editing that template would be to complicated for me. I did copy the template like you suggested and what happened was that now the “add to wishlist” button is still visible after click not sure how to move/edit the text though… ?? I see that you have what I want in your Waitinglist plugin!
Thanks!

Hi Peaceless

I’m glad to know you like our WaitingList plugin
Hope you enjoy it!

Have a nice day ??

Hi again!

I actually managed to customize it, yay! just one stupid question which I think is a simple general one; when I added the file to my theme root, I am getting two buttons, I guess the original one is still there underneath the new one, how do I remove it?

thanks again

Hi again ?sa,

New template in theme root should overwrite old one, so there should be no direct link between duplicated button and overwritten template.

Without some debug I can’t help you understand why the button is duplicated; so, maybe I can suggest some css code to hide one of them?

Can you share with me a link where I can check your problem?
Let me know

Have a nice day ??

very strange indeed, I looked around to see if I could figure out what it was but no luck. Some help would be awesome, I opened it up for you, pls check here https://www.asamaria.se/smycken/orhangen/golden-smoky-topas/
click the wishlist button once, and then a second time and see what happens…..

thanks

Hi again Asa ??

As stated before, without some debug on your templates, I can’t figure out why a second “add to wishlist” button is showig up; anyway, you can correct this problem easly adding this line of code at the end of style.css of your theme

.yith-wcwl-wishlistaddedbrowse a.add_to_wishlist{
    display: none;
}

Let me know if I correctly understood the problem;
have a nice day! ??