Product form

The product form controls how product options, pricing, and purchase actions appear on product pages. It defines the layout, styling, and behavior of variant selectors, sale indicators, and add-to-cart features, helping customers interact seamlessly with your products.

• Form style: Choose between Classic (traditional layout where each element is on a new line) or Modern (elements can be next to each other for a cleaner look).

• Show lines: Adds dividing lines for better form structure.

• Show variant labels: Displays option names like color or size above variant fields.

• Show variants as boxes: Presents variants in clickable boxes instead of dropdowns for a modern look.

• Show sale badge: Highlights discounted items with a sale tag.

• Sale type: Display discounts as a Percentage or Money value.

Variant image

• Show variant image: Displays an image thumbnail for each variant, such as color or pattern.

• Swatch style: Choose Stacked (vertical layout) or In-line (horizontal layout).

Out of stock notification

• Show 'Notify me when available' popup: Enables a notification popup so customers can sign up to be alerted when out-of-stock products return.

Final sale

• Show on all sale products: Marks discounted items as final sale (non-returnable).

• Content on hover: Adds a tooltip with customizable text.

Use metafields to apply this to specific products or variants.

Quantity selector

• Style: Choose between Dropdown or Standard (+/– buttons) for quantity selection.

Add to cart

• Display product price: Shows the product price inside the Add to Cart button for quick price visibility.