---
title: How to Set the Configurator Layout
description: Organize content with Accordion or Tabbed layouts. Use Accordions for multiple categories or Tabs for a streamlined, horizontal view. Optimize your layout.
---

[Skip to content](https://apps-kb.nsource.com/apps-kb/how-to-set-the-configurator-layout#main-content)

English

Show submenu for translations

![nst-dark-logo-250-1](https://apps-kb.nsource.com/hs-fs/hubfs/nst-dark-logo-250-1.png?width=250&height=65&name=nst-dark-logo-250-1.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- Contact us

 Contact us

 How can we help you?

- There are no suggestions because the search field is empty.

1. [NetSource Shopify Apps](https://apps-kb.nsource.com/apps-kb?hsLang=en)
2. [Configurator](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en)
3. [Settings](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#settings)

# 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.

- [Configurator](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#main-content)

    - [Getting Started](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#getting-started)
    - [Billing & Plans](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#billing-plans)
    - [Products & Configurations](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#products-configurations)
    - [Quotes & Quoting](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#quotes-quoting)
    - [Reports & Analytics](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#reports-analytics)
    - [Conflict Resolution](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#conflict-resolution)
    - [Price Sync](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#price-sync)
    - [Settings](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#settings)
    - [Troubleshooting](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#troubleshooting)
    - [Video Guides](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#video-guides)
    - [Privacy Policy](https://apps-kb.nsource.com/apps-kb/configurator?hsLang=en#privacy-policy)
- [Configurator Marketing Automation Add-on](https://apps-kb.nsource.com/apps-kb/configurator-marketing-automation-add-on?hsLang=en)
- [Prism Search & Merchandising](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#main-content)

    - [Getting Started](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#getting-started)
    - [Setup Guide](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#setup-guide)
    - [Dashboard](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#dashboard)
    - [Search Preview](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#search-preview)
    - [Facets & Filters](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#facets-filters)
    - [Synonyms](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#synonyms)
    - [Merchandising](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#merchandising)
    - [Related Products](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#related-products)
    - [Analytics](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#analytics)
    - [SEO Pages](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#seo-pages)
    - [A/B Tests](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#a-b-tests)
    - [Plans & Billing](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#plans-billing)
    - [Settings](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#settings)
    - [Video Guides](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#video-guides)
    - [Privacy Policy](https://apps-kb.nsource.com/apps-kb/prism-search-merchandising?hsLang=en#privacy-policy)

[![nst-dark-logo-250-2](https://apps-kb.nsource.com/hs-fs/hubfs/nst-dark-logo-250-2.png?width=250&height=65&name=nst-dark-logo-250-2.png "nst-dark-logo-250-2")](https://netsourceinc.com)

Copyright © 2026, NetSource

NetSource Commerce, Inc. | Headquarters - 3700 South Pine Avenue, Ocala, FL 34471 | Tel (800) 709-3240 | Fax (352) 401-0353