trying to put Buy Now button in the same line with Add To Cart button

Store Design
1

Hello, I’m using the IMPACT theme and I want to put the “Buy Now” button and the “Add to Cart” button in the same on mobile. Can someone help me? Thanks!

2

Hey @tousains

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi there,

This is Amelia from PageFly - Landing Page Builder App

Thank you for reaching out! If you’d like to add buttons to the Product Information section of the product page, you can use the Buy Buttons Block and add it to the Product Information section.

To display the “Buy Now” button inline with the “Add to Cart” button, follow these steps:

  1. Select the Buy Buttons Block.
  2. Enable the “Show dynamic checkout button” option. This will automatically display the “Buy Now” button inline with the “Add to Cart” button.

If this doesn’t achieve the desired layout, feel free to share the live page, and I can help provide custom code.

I hope this solution works for you!

Best regards,
Amelia | PageFly

4

Hi @tousains , can you kindly share your store URL.

Thanks!

5

Hi @Moeed ,

Thank you for your reply. Our store URL is: www.tousains.com

6

Hi @topnewyork

Thank you for your reply. Our store URL is: www.tousains.com

7
8

Hey @tousains

Your Buy Now button is already in the same line with the Add to Cart button.

Moeed_0-1724659537699.png
Moeed_0-1724659537699.png1807×887 136 KB

Best Regards,

Moeed

9

Hi @tousains , I’ve checked your store and the button is already in the same line.

10

Sorry, I expressed myself wrongly. I want the add and buy buttons to be displayed on the same line on mobile as well

11

Sorry, I expressed myself wrongly. I want the add and buy buttons to be displayed on the same line on mobile as well.

12

Hey @tousains

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 tag

RESULT:

Moeed_0-1724661734701.png
Moeed_0-1724661734701.png347×717 42.1 KB

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

Best Regards,
Moeed

13

@tousains , no worries, kindly try the below code.

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Output:

topnewyork_0-1724661844944.png
topnewyork_0-1724661844944.png324×572 30.4 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!