Buy buttons

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Choose Products from the dropdown window -> Choose Default product.

  4. From the side menu, select Product information. Click + Add block and select "Buy buttons" block, or click the Search bar to enter a search term.

Setting
Description

Show quantity selector

Select this checkbox to show/hide quantity selector

Show wishlist

Select this checkbox to show/hide wishlist

Show dynamic checkout buttons

Select this checkbox to show/hide dynamic checkout buttons. Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. Learn more.

Show pickup availability

Select this checkbox to show/hide pickup availability. Learn more

Show recipient form for gift card products

Select this checkbox to show/hide recipient form for gift card products. When enabled, gift card products can optionally be sent to a recipient with a personal message.

'Add to cart' button

Setting
Description

Text

Set the text color for this block

Background

Set the background color for this block (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for this block

Text hover

Set the color for the text on hover

Background hover

Set the background color for this block on hover (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient hover

Set the background color for this block on hover

'Buy it now' button

Setting
Description

Text

Set the text color for this block

Background

Set the background color for this block (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for this block

Text hover

Set the color for the text on hover

Background hover

Set the background color for this block on hover (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient hover

Set the background color for this block on hover

'Wishlist' button

Setting
Description

Text

Set the text color for this block

Background

Set the background color for this block

Text hover

Set the color for the text on hover

Background hover

Set the background color for this block on hover

Block padding

Setting
Description

Top padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Last updated