Shopify Buy Button

Store Design
, ,
1

Hi all,

I have had issues with my shopify buy button as it has changed in size and makes it much harder to click on which has had an overall effect on our customers struggling to click the buy now button.

2

Hi there Dean @DeanS135 if you’re looking to improve the width of the button to make it easier to click on, I would suggest the following steps

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :
<style>
.product-form__buttons {
    max-width: 100% !important
}
</style>

Copy
Let me know if this works for you!

3

Hi,

I tried putting in the code and still the same results.
[image: image.png]

4

Hi @DeanS135

Please kindly share with me your store URL and password if it is password-protected

Best,

Daisy

5

hi store url is:

www.lumminaskin.com.au

No password.

Thank you,

6

Hi @DeanS135

In this case, you have two buttons aligned on the same line. I tried stacking them vertically, but that only increased the width without affecting the height. Could you let me know which option you used to display the Shopify Buy Button? There might be a setting there to adjust its size.

However, since the button is generated from a JavaScript file, it’s not possible to apply custom CSS directly.

Best,

Daisy

7

Hi,

Thank you for the info, this is all i can see for it.. [image: image.png]