How to change the place of the "Add to cart" button on a product page?

Store Design
1

Hi everyone,

I’m using the debut theme for my ecommerce. I’d like to move the “Add to cart” button on the right of the quantity selector.

Here’s how it is now :

Marion_S_0-1629877913640.png
Marion_S_0-1629877913640.png1429×736 83.4 KB

Is it possible to have it on the same level as the quantity selector?

Thanks for your help,

Marion

2

@Marion_S

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi,

Thanks for your answer.

My URL is alaecosmetique.fr and the password is shiseido.

Marion

4

@Marion_S

thanks for URL can you please confirm this look

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.product-form__controls-group~.product-form__controls-group--submit {
    margin-top: -54px;
    margin-left: 90px;
}

KetanKumar_0-1629905813734.png
KetanKumar_0-1629905813734.png1920×1080 220 KB

5

It’s perfect thanks!

One last question, how can I change the width of the button ? I’d like to have it align with the “+” in the accordion below :

Marion_S_0-1629926256626.png
Marion_S_0-1629926256626.png718×746 22.9 KB

Thanks again,

Marion

6

@Marion_S

yes please add this code also

.product-form__item--no-variants {
    max-width: 100%;
}