I want to change position of buy buttons.

[swawestore]

I want to change positions of buy buttons on my website https://swawe.store/products/desert-landscape
like, buy it now should come over add to cart button. it is currently add to cart on buy it now 

[comercioservice]

@swawestore  hope you are well

Please go to

1) Online store

2) Themes -> Edit theme

3) Layout

4) base.css and paste this code on the end

.product-form__buttons {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}​

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

[niraj_patel]

Hello @comercioservice 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
product-form .product-form__buttons {
display: flex !important;
flex-direction: column-reverse !important;
gap: 1rem !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe · Accepted solution]

Hi @swawestore 

check this one

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.product-form__buttons {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
}

• And Save. 
• Result:
• 

[PageFly-Richard]

Hi @swawestore 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product .product-form__buttons {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
}
</style>

Also, while checking on the issue for you I've had some suggestions that you might consider to make for your product page here is:

1. Is to add Review Star rating below the product title here : it will increase more trust for your product 

2. To review the product pricing, that will make your customer more easier to know about the price

3. Is to add the review part under the product list section on the page 

Hope this can help you solve the issue 

Best regards,

Richard | PageFly