Placement of add to wishlist button

Anyone? Is it possible to show the add to wishlist button on top of the thumbnail?

Hi @visibledeals,

Yes, it’s possible to achieve this using custom CSS. But It depends on your theme design.

Regards,
Stan

Thanks Stan. Any idea on where I can find the custom css to make it work? I’m a newbie so not sure how to achieve this with css.

Thanks

@visibledeals

You can provide us with a link to a page where it should be done and we will be able to assist you with CSS.

Stan,

Here is the page link

https://www.staging13.visibledeals.com/

FYI, the add to cart button currently on the thumbnail is from my theme which I can easily remove from customization settings by unchecking the “show” button. The theme’s wishlist does not work correctly that is why I want to replace it with IT woo wishlist.

Thanks

@visibledeals

Because of the complicated theme design and also another Wishlist button integration there is not an easy solution here and it will require customization to make it look the way you need.

But you can try to:

1) Set the button position as “Above Thumbnail” in plugin settings
2) Add the next CSS somewhere in Custom CSS area:

ul.products li .tinv-wraper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

You may also need to style the button to meet the theme design.

Hello Stan,

That worked but how do I make it inherit theme’s button style and align it to the right?

thanks

@visibledeals

You cannot make it inherit the theme’s styles because of the design. Instead you should add your own CSS to make it look the same as another buttons or ask your theme devs for assistance.