How to add quick buy botton on product description image

Store Design
1

Hello

My quick-buy button is currently below the product image, but I want to move it on top of the image. When

fddfgdfgdgdffg.jpg
fddfgdfgdgdffg.jpg290Ă—417 15.9 KB

I move the cursor on the image, it should show Quick Buy. For reference on what I want, I have attached an image below.

1 Like
2

To relocate your quick-buy button above the product image and implement a hover effect displaying “Quick Buy” when the cursor is over the image, you can modify the HTML and CSS code. Place the button code above the image code in your HTML file, and use CSS to position the button over the image. Additionally, implement a hover effect using CSS to display “Quick Buy” when the cursor is over the image. Ensure the button and image have appropriate class or ID attributes for targeted styling. If you encounter any issues, feel free to provide snippets of your code for more specific guidance.