We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

how do I get my add to cart button next to dynamic pay button on product page.

Solved

how do I get my add to cart button next to dynamic pay button on product page.

michelle012
Explorer
65 0 11

how do I get my add to cart button next to dynamic pay button on product page.  

+ how to get them in an equal size  

Example:

image.png

Accepted Solution (1)
Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @michelle012 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
shopify-accelerated-checkout {
    margin-top: 0 !important;
}
.product__submit__quick {
    width: 100% !important;
}
.product__submit__buttons {
    display: flex !important;
    gap: 1rem !important;
}
</style>

RESULT

Moeed_0-1738672067494.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
7764 2082 2567

Hey @michelle012 

 

Share your store URL and password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


michelle012
Explorer
65 0 11

hi moed, my store 

Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @michelle012 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
shopify-accelerated-checkout {
    margin-top: 0 !important;
}
.product__submit__quick {
    width: 100% !important;
}
.product__submit__buttons {
    display: flex !important;
    gap: 1rem !important;
}
</style>

RESULT

Moeed_0-1738672067494.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications