Support » Plugin: YITH WooCommerce Wishlist » Placement of add to wishlist button

  • Matt

    (@visibledeals)


    Hello,

    How do I show yith “add to wishlist” button on the product thumbnail? My theme shows a add to wishlist button on top of thumbnail but I want to replace it with yith add to wishlist.

    https://www.staging2.visibledeals.com/

    thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author YITHEMES

    (@yithemes)

    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

    Thread Starter Matt

    (@visibledeals)

    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

    Plugin Author YITHEMES

    (@yithemes)

    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

    Thread Starter Matt

    (@visibledeals)

    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 8 months ago by Matt.
    Plugin Author YITHEMES

    (@yithemes)

    Hi Matt

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

    ul.products li.product {
        position: relative;
    }
    
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Placement of add to wishlist button’ is closed to new replies.