Buy buttons
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window -> Choose Default product.
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