Buy buttons
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Block class | class | text | mt-4 | |
| Show backorder notice | show_backorder | checkbox | true | Only shows for products which use Shopify inventory tracking and are available to purchase when out of stock. |
| Show local pickup availability | show_pickup | checkbox | false | Show customers where they can pick up the product. Learn more |
| Show gift card recipient fields | show_gift_recipient | checkbox | true | Allow customers to send gift cards to a recipient along with a personal message. When enabled, the dynamic checkout button will be disabled for gift cards. Learn more |
| Show quantity selector | show_quantity | checkbox | true | |
| Quantity style | quantity_style | select | stepper | |
| Quantity width | quantity_width | select | medium | |
| Style | atc_variant | select | solid | |
| Color | atc_color | select | primary | |
| Custom color | atc_custom_bg | color | #111827 | Used when Color is set to Custom. |
| Show cart icon | atc_show_icon | checkbox | true | |
| Size | atc_size | select | px-4 py-2 text-base | |
| Radius | atc_radius | select | 0.375rem | |
| Show dynamic checkout button | show_dynamic_checkout | checkbox | true | Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more |
| Position | buy_position | select | below |
Option values
- Quantity style (
quantity_style): Plus / minus steppers (stepper), Native spinner (native) - Quantity width (
quantity_width): Narrow (narrow), Medium (medium), Wide (wide) - Style (
atc_variant): Solid (solid), Outline (outline) - Color (
atc_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Size (
atc_size): 3 Extra Small (px-2 py-1 text-3xs), 2 Extra Small (px-2 py-1 text-2xs), Extra Small (px-2 py-1 text-xs), Small (px-3 py-1.5 text-sm), Medium (px-4 py-2 text-base), Large (px-5 py-2.5 text-lg), Extra Large (px-6 py-3 text-xl), 2X Large (px-8 py-4 text-2xl), 3X Large (px-10 py-5 text-3xl), 4X Large (px-15 py-6 text-4xl), 5X Large (px-15 py-7 text-5xl), 6X Large (px-20 py-8 text-6xl), 7X Large (px-20 py-10 text-7xl), 8X Large (px-20 py-10 text-8xl), 9X Large (px-20 py-10 text-9xl) - Radius (
atc_radius): Square (0), Rounded small (0.375rem), Rounded medium (0.75rem), Rounded large (1rem), Rounded extra large (1.5rem), Squircle (26%), Circle (50%), Pill (9999px), Rounded top (25% 25% 0 0), Rounded bottom (0 0 25% 25%), Single corner (45% 0 0 0), Diagonal corners (40% 0 40% 0), Arch (50% 50% 0 0 / 100% 100% 0 0), Dome (50% 50% 0 0), Cylinder (50% 50% 8px 8px / 22% 22% 0 0), Barrel (50% / 24%), Leaf pointed (0 100% 0 100%), Leaf (8% 70% 8% 70%), Lens (0 50% 0 50%), Petal (70% 30% 50% 50% / 50% 30% 70% 50%), Egg (50% / 60% 60% 40% 40%), Egg inverted (50% / 40% 40% 60% 60%), Shield (50% / 22% 22% 78% 78%), Drop (50% 50% 50% 0), Diamond (20%), Blob (42% 58% 63% 37% / 41% 44% 56% 59%), Amoeba (80% 5% 83% 5% / 5% 70% 5% 80%), Flower (28% 68% 28% 68% / 68% 28% 68% 28%), Mountain (60% 40% 0 0 / 96% 96% 0 0), Pebble (60% 40% 30% 70% / 60% 30% 70% 40%), Bean (62% 38% 55% 45% / 45% 55% 45% 55%), Cloud (55% 45% 50% 45% / 75% 80% 32% 30%) - Position (
buy_position): Below 'add to cart' (below), After 'add to cart' (after)
Presets
- Buy buttons