Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Checkout Flow Pages

Checkout flow pages for shopping bags, guest and account checkout, review steps, and order confirmation states.

Single-column shopping bag page combines line items, a promo code form, express checkout actions, and a minimal order total block.

Single-column checkout form sits beside a compact order summary column and an edit-bag link.

Centered confirmation state stacks print and continue actions above a compact summary card and optional confetti script.

Split shopping bag layout combines editable line items with a sticky order summary column and checkout actions.

Guest checkout layout uses blank contact and address fields, purchased item rows, totals, and sticky step navigation.

Signed-in checkout layout keeps the same split structure with prefilled contact fields, address fields, totals, and sticky step navigation.

Review-and-pay layout swaps editable fields for a final review state while keeping purchased item rows, totals, and sticky step navigation.

Order confirmation layout pairs a confirmation panel, status timeline, contact details, and a paid summary column with purchased items.

© 2026 Preline Labs.

;