Move the "Add to cart" button to the product image

LUXARTSTUDIO · ‎05-07-2025

Hello dear Shopify community,
I would like to move the "Add to cart" button on my website. Currently, the button is located below the product image, but I would like to place it inside the product image instead (I’ve attached a photo illustrating the issue).
Does anyone happen to have an idea how I can solve this using CSS code?
Thank you very much!

I use the DAWN-Theme.

devcoders · ‎05-07-2025

Hello @LUXARTSTUDIO
Welcome to the Shopify Community! Kindly share your store URL and password (if it is password-protected), so that I can review it and provide you with an accurate solution.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

LUXARTSTUDIO · ‎05-08-2025

Hello, thank you very much for the quick reply. The URL is: https://luxartofficial.com/collections/all-frames.
Thank you very much.

BiDeal-Discount · ‎05-07-2025

Hi @LUXARTSTUDIO

We should change the code structure a bit

- Helpful? Like & Accept solution!
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Bify app: Shopify automatic discount solutions
- Contact me? support@bify.app or WhatsApp: +84974709330

LUXARTSTUDIO · ‎05-08-2025

Hello, yes, I think so too. Do you have any idea how we can implement this?

Move the "Add to cart" button to the product image

Move the "Add to cart" button to the product image

Community Blog Articles