Product Form Submit

The Product Form Submit block wraps the main product form. It includes an optional quantity stepper, the Add to Cart button, a Sold Out state, and an optional Shop Pay express button. The block is aware of bundle items and selling plan subscriptions, rolling everything into the total price display and cart submission.

Settings

Setting	What it does
Show quantity controls	Toggles the quantity stepper above the button. When hidden, quantity defaults to 1.
Show Shop Pay button	Toggles the Shop Pay express checkout button below Add to Cart. Respects the shop_pay_countries theme setting for geo-gating.
Button text	Customizes the Add to Cart label. Defaults to “Add to Cart”.
Sold out text	Customizes the disabled button label when the variant is unavailable. Defaults to “Sold Out”.

Klaviyo integration

When Klaviyo’s back-in-stock flow is configured, it automatically replaces the Sold Out button with its own signup popup.

Used in

• Product Main

Tips

• The block listens for variantChange events and swaps between available, unavailable, and loading button states in real time.
• Bundle items from the Bundle Checkbox and Promo Selector blocks are included in the cart submission automatically via the bundle:update event system.
• The Shop Pay button injects custom shadow DOM styles to match the theme’s rounded pill aesthetic.