How to Set the Configurator Layout
Layout options allow merchants to organize content into one of five formats.
Layout Options
Choose which visual layout the configurator uses on your product pages. There are five options, each designed for a different type of store.
| Layout | Best For | How It Works |
|---|---|---|
| Tech Builder | Computers, Electronics, AV Equipment | Collapsible accordion sections — customers expand one category at a time |
| Quick Select | Food & Beverage, Sports, Promotional | Horizontal tabs for fast switching — compact list of options in each tab |
| Fashion Studio | Clothing, Shoes, Jewelry, Accessories | Visual swatches for color, pill buttons for size — compact single-screen layout |
| Guided Wizard | Furniture, Vehicles, Cabinetry, Industrial | Step-by-step with a progress bar — one category at a time, then a review screen |
| Catalog Grid | Home Décor, Lighting, Building Materials | Full-width sections with large image cards — built for visual browsing |
Click the layout card you want to use. A green checkmark will appear in the corner of the selected layout. The layout change takes effect after you click Save.
Note: Your Shopify theme's product page template may affect how the layout looks. If it doesn't look right, you may need to use the Dedicated Product Template (see below) or adjust your theme.