01Choose product
02Answer options
03Review configuration
04Checkout
Recommended approach: Choose layout from journey complexity, not decoration.
Choose layout from customer behavior
Side summaries work well when customers compare many choices. A top summary supports linear flows. Sticky and drawer patterns preserve review access on smaller screens. Commerce Studio gives visual products more canvas space.
| Layout family | Best fit |
|---|---|
| Left or right summary | Detailed journeys with persistent review |
| Summary top or centered | Linear, content-led configuration |
| Sticky summary or drawer | Mobile-conscious journeys with many selections |
| Modal wizard | Theme-preserving launch from a merchant trigger |
| Commerce Studio | Mockup-led visual product building |
Apply visual systems without changing logic
Presets and custom templates copy design tokens into the draft. They do not copy steps, rules, products, prices, or journey mode. Published snapshots remain pinned until the next publish.
Treat custom CSS as an advanced override
Custom CSS can override preset tokens. Keep selectors scoped to Aura, document the intent, and test every responsive layout after changes.
Common questions
Does changing a template change product pricing?
No. Layout and visual templates are independent from pricing, rules, steps, and checkout behavior.