Templates
A template holds everything shoppers see in the configurator: sections, options, choices, prices and rules. Build it once, connect it to as many products as you like.
When a product uses a template you can choose how it follows changes:
- Live — the product inherits template edits automatically (you can still override specifics per product).
- Snapshot — the product takes a frozen copy and stays independent from then on.
Live is right for a catalog of similar products; snapshot is right when one product needs to stop following the template.
Sections
Sections are the headings that group options — "Size", "Fabric", "Control type". Each section can have:
- a comment shown under the title,
- a tooltip with rich text and an image,
- a column layout (up to 4 columns) for placing options side by side — handy for Width × Height.
Options
Each option is one question. Pick the input type that matches:
| You're asking for… | Use |
|---|---|
| One choice from a list | Single choice |
| Several add-ons at once | Multiple choice |
| A measurement | Number or Range slider |
| Custom text | Text or Textarea |
| A date | Date |
| Artwork or a file | File upload |
| Just showing info | HTML / content |
Options can be required, have a default, and carry their own price (fixed or % of subtotal).
Sliders
A number option shown as a Range slider needs both a minimum and a maximum, and the maximum has to be above the minimum. Without an upper bound there is no position on the track that honestly means "not answered yet", so the app draws a plain number box instead and tells you why in the editor.
One Save per page
Panels apply as you edit them and the page saves. Change the shape, the card swatches and the Add to cart behaviour, and Shopify's save bar appears at the top saying Unsaved changes — press Save there once and all of it is written.
Nothing is written until you press it, so you can move around the page freely. Discard puts everything back. If you try to leave with changes outstanding, Shopify asks first.
The same applies on Settings. Dialogs keep their own Save — a dialog is something you accept or cancel, which is a different question.
Choices
For choice-type options, each choice can have a label, price, image or swatch color, tooltip, SKU, and per-choice quantity. Choices can also be limited to certain customer groups or carry group-specific prices.
Swap product photos per choice
Like variant images, but for any option: when a shopper picks Walnut, your gallery can show the walnut photos.
- On the Products page, click Images on a connected product.
- Pick the option (e.g. Color) and the choice (e.g. Walnut).
- You'll see the product's gallery — drop an image onto any photo to replace it for that choice, or Hide photos that only show the wrong color.
- Save. On the storefront, selecting that choice swaps the gallery live; changing the selection restores it.
Photos you don't touch keep showing as normal, so you only need choice-specific shots where they matter. This works with your theme's existing gallery — no theme changes needed.
How choices look
Set Display choices as per option: chips, swatches, images, cards, dropdowns, searchable dropdowns, radio buttons or checkboxes. Leave it on Theme default to control the look globally from your design theme.
Tips
- Put your most price-affecting options first — shoppers see the price react and understand what drives it.
- Use tooltips with photos for anything shoppers might not recognise by name.
- Keep labels shopper-friendly: "Width (cm)", not "W_DIM".