Support » Plugin: Quick View for WooCommerce » Can I place the button into the image on hover?

  • Resolved amillionmiles

    (@amillionmiles)


    Hi,
    I would like to have the Quick View button show up in the center of the product image when someone hovers over the image. Is there a way to do this?

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

    (@shapedplugin)

    Hi @amillionmiles,

    Thanks for your query.

    Can you please share the reference link so that we can have a look at the section deeply? Please open a support ticket here to get the support in a better way.

    Have a good day!

    Thread Starter amillionmiles

    (@amillionmiles)

    Hi, thank you. I’m developing this locally, so unfortunately, I don’t have a link.

    Plugin Contributor Md Khalil Uddin

    (@khalilu)

    Hi @amillionmiles,

    Kindly add the following CSS at the Additional CSS field going to Apperence> Customize > Additional CSS.

    ul.products li {
        position: relative;
    }
    ul.products li:hover #sp-wqv-view-button {
        display: inline-block !important;
    }
    ul.products li #sp-wqv-view-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none !important;
        margin-top: -50px;
    }

    Here change the margin-top value if the button is not in the center of images. See the screenshot.

    Let us know if works or not. Thanks.

    Thread Starter amillionmiles

    (@amillionmiles)

    That works like a charm, thanks so much! I really appreciate it! 🙂

    Plugin Contributor Md Khalil Uddin

    (@khalilu)

    Hi @amillionmiles,

    We’re very glad to hear that it works perfectly now. If you are happy with our plugin and support, please inspire us by posting a good review here.

    Thank you so much. Have a great day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.