Placement of add to wishlist button

Hi there

if you’re talking about the loop, you can try to use dedicated option under WP Dashboard -> YITH -> Wishlist -> Add to Wishlist Options -> Loop Settings -> Position of “Add to wishlist” in loop, selecting the option “On top of the image”

Please, let me know if this works as expected

Hello

After I changed the settings as mentioned above. The add to wishlist button shows above the thumbnail instead of on the thumbnail. Not sure why its doing that.

Thanks

Hi there

Please, try to add the following CSS rules to Additional CSS section of your theme customizer (WP Dashboard -> Appearance -> Customize)

ul.products li.product .yith-wcwl-add-to-wishlist {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 1;
}

ul.products li.product .yith-wcwl-add-to-wishlist a{
    font-size: 0;
}

ul.products li.product .yith-wcwl-add-to-wishlist i{
    font-size: 16px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    padding: 10px;
}

ul.products li.product .yith-wcwl-add-to-wishlist i:hover{
    color: #fff;
    background: #fc6702;
}

This is my final result on your installation

Hi yith,

This works but how come it is only showing up on the first product only. Button it not appearing on any other product images on the main page or the shop page except for the first product. I have loop setting turned on as well.

Thanks

• This reply was modified 4 years, 6 months ago by Matt.

Hi Matt

Please, try to add this additional CSS rule to the ones that I previously sent you

ul.products li.product {
    position: relative;
}