Can I place the button into the image on hover?

  • Resolved amillionmiles

    (@amillionmiles)


    3 years, 9 months ago

    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 LLC

    (@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)
  • The topic ‘Can I place the button into the image on hover?’ is closed to new replies.