See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.
An option set asks your customers the same questions on every product it is attached to. But your products are not all the same. A t-shirt comes in five colours. A canvas comes in three sizes. The Config product tab is where you set up each product on its own.Open your option set and click Config product. It sits beside Edit option, above the option you are editing.
The Config product tab, before any product is attached.
If you see No products assigned yet, click Assign products and tick the products that should use this option set. Assign products and go live walks through that dialog.
If you run several Shopify stores on one Customei account, one option set can be attached to products in all of them. When that happens, the list is split by store. Your current store comes first, and each store’s name sits above its products.
Point at a product in the list and a small gear button appears at the end of the row. This is Product settings. Click it to open that product’s page in a new tab. Your option set stays open where you left it.
The Product settings button appears when you point at a row.
The product page is where you reorder or remove option sets on that product and turn the live preview on or off. See The product page below.
The gear is greyed out for a product in another store. Open that store’s Shopify admin and go to the product from there.
Your Shopify variants are the choices Shopify already asks about, like Color and Size. Variant personalization lets each variant change the design. For example:
A shopper picks the Black t-shirt, and the design switches to a version with white text.
A shopper picks Large, and a bigger frame appears around the photo.
A shopper picks Heather Olive, and the mockup photo behind the design changes to an olive shirt.
You set this up in two steps: first choose what changes, then choose how it changes for each variant.
Variant personalization: what changes at the top, each variant's setting underneath.
Under Template connections, click Add connection and pick what a variant should change. Once you have one, the button reads Add another connection. Use one of these three:
Connection
What a variant does with it
Switch design template
Swaps the whole design for another one. Good for portrait and landscape versions of the same canvas.
Group visibility
Shows one group of layers and hides the rest. Good for a frame or border that only some sizes get.
Dynamic image
Puts a different picture into one image layer.
The list offers more connections than these three, because it is the same list a choice option uses. On your store, a variant only drives Switch design template, Group visibility and Dynamic image. Anything else you add here does nothing for shoppers.
Connect options to your design explains each connection in more detail.The layers and groups you can pick come from the design template behind this option set. If the product has no design template yet, you will see a Reference template box first. Pick any template there to borrow its layers and groups. Switch design template works without one.
The table under the connections lists every variant of the product. Each row has a small icon for each connection. Click the icon to set what that variant does, for example which group it shows.A product with lots of variants gets long fast, so the table groups them for you. Use Group by to choose how:
Group by Color puts all the sizes of each colour together.
Group by Size does the opposite.
Don’t group shows one flat list.
Groups start closed. Click a group to open it and see its variants.A group row has the icons too. Set one there and every variant in that group gets the same setting. Set Brown once and all five Brown sizes follow. Then open the group to change just one size if you need to.
To fill many variants in one go, click Wizard next to Template connections. It opens every variant in one big grid, one column per connection, so you can type straight down a column.
Variant personalization needs at least two variants. A product with one variant, or none, shows a short note instead of the settings. There is nothing to set up, and nothing is wrong.
This setup belongs to the product, not to the option set. You can reach it from any option set the product uses, and it is the same setup each time.If the product also uses other option sets, a note above the settings names them: Also assigned to …. Anything you change here changes there too.
Most stores sell the same variants again and again. Every mug comes in 11oz and 15oz. Every t-shirt comes in the same five colours. Set up one product, then copy it to the rest.
1
Pick the product that needs the setup
Click it in the Assigned products list.
2
Click Copy from product
You’ll find it at the top right of Variant personalization, beside the variant count.
3
Pick the product to copy from
Search by name if your list is long. The products you changed most recently are at the top.
4
Read the line at the bottom, then click Copy
It tells you what the copy will do before anything changes.
Copy from product, with a product picked and the matching variants counted.
Customei matches variants by their choices, not by their position. Black / Large on one shirt gets the setting of Black / Large on the other, even if the two products list their variants in a different order.The line at the bottom of the dialog says one of three things:
Message
What happens when you click Copy
Matching variants: 8/10
8 of this product’s 10 variants get the other product’s settings. The other 2 are left empty for you to fill in.
No variants match, so only the template connections are copied.
You get the list of what changes. You set each variant yourself.
Product has no variant personalization to copy.
Nothing to copy. The Copy button stays off.
Copying replaces the setup this product already has. It does not add to it.
The copy is not saved yet. Look it over, then click Save in the bar at the top of the page to keep it. Click Discard to throw it away.You can copy from any product in the same store that has variant personalization, even one on a different option set.
Nothing on this tab saves by itself. When you change something, the Unsaved changes bar appears at the top of the page. One Save keeps everything: your option changes and every product you set up on this tab. Discard throws it all away.You can move between products before you save. Your changes on each one wait for you.When the setup is right, publish the option set so shoppers see it.
The Product settings gear opens this page. You can also get there from Shopify itself: open the product in your Shopify admin, click More actions at the top, then View personalization in Customei.
The product page: option sets and variant personalization on the left, a working preview on the right.
The Live preview switch at the top of the Preview card decides whether shoppers see their design change as they make their choices. Leave it on unless you have a reason not to.
The Preview card shows the product the way a shopper meets it. Your design sits on the mockup, with the product’s variant choices and your option set’s questions underneath. Pick a different colour or size and the design changes the way you set it up in Variant personalization.The preview follows your changes before you save them, so you can try a setup and check it right there. It works even if the product has never been published.The variant personalization card on this page is the same one you see on the Config product tab. Change it in either place. Copy from product is only on the Config product tab.Changes here wait for the Save bar too. Publish afterwards so shoppers see them.
What each connection does, and how to pick the right layer.
Assign products and go live
Attach products, publish, and read the status labels.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Customei","description":"Sell personalized, print-on-demand products on Shopify with a visual template designer, option sets, and a storefront widget.","colors":{"primary":"#171717","light":"#E5E5E5","dark":"#000000"},"logo":{"light":"https://mintcdn.com/nexlify/X0bpSwJw_2jGnOd6/logo/light.svg?fit=max\u0026auto=format\u0026n=X0bpSwJw_2jGnOd6\u0026q=85\u0026s=379b9582e45d368ae1ef5af3660b3d12","dark":"https://mintcdn.com/nexlify/X0bpSwJw_2jGnOd6/logo/dark.svg?fit=max\u0026auto=format\u0026n=X0bpSwJw_2jGnOd6\u0026q=85\u0026s=bc236d35fa0e7d52870f927f9b744bf5"},"favicon":"https://mintcdn.com/nexlify/yQUl5p09FuH64dDN/favicon.png?fit=max\u0026auto=format\u0026n=yQUl5p09FuH64dDN\u0026q=85\u0026s=423f5fc036bbe1a5797df2ef059062a3","appearance":{"default":"system"},"background":{"decoration":"gradient"},"navbar":{"links":[{"href":"mailto:[email protected]","label":"Support"}],"primary":{"type":"button","label":"Install on Shopify","href":"https://apps.shopify.com/"}},"footer":{"socials":{"x":"https://x.com/customei","github":"https://github.com/Nexlify-Hub"}},"styling":{"latex":true},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"nexlify","hasAudioNarration":false,"actualSubdomain":"nexlify","customDomains":["docs.customei.com"],"gitSource":{"type":"github","owner":"nexlify-hub","repo":"customei-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ad1ade6593a376c94101900","collectionId":"9b8f326b-dae0-4733-8436-d3d768246655","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ad1ade6593a376c94101900"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ad1ade6593a376c94101900","clientVersion":"0.0.3964","searchFilterCounts":[{"language":"default","tag":"Documentation","count":52},{"language":"default","tag":"Option Sets","count":16},{"language":"default","tag":"Template Editor","count":13},{"language":"default","tag":"Libraries \u0026 Assets","count":4},{"language":"default","tag":"Translations","count":4},{"language":"default","tag":"Integrations \u0026 AI","count":3},{"language":"default","tag":"Mockups","count":3},{"language":"default","tag":"Preferences","count":3},{"language":"default","tag":"Design Templates","count":3},{"language":"default","tag":"Introduction","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"optionsets/product-settings","slug":"/optionsets/product-settings","pageMetadata":{"title":"Set up each product","description":"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.","icon":"box-open","href":"/optionsets/product-settings"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,em:`em`,li:`li`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Card,CardGroup,Frame,Heading,Note,OptimizedImage,Step,Steps,Table,Tip,Warning}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tip)_missingMdxReference(`Tip`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`An option set asks your customers the same questions on every product it is attached to. But your products are not all the same. A t-shirt comes in five colours. A canvas comes in three sizes. The `,_jsx(_components.strong,{children:`Config product`}),` tab is where you set up each product on its own.`]}),`\n`,_jsxs(_components.p,{children:[`Open your option set and click `,_jsx(_components.strong,{children:`Config product`}),`. It sits beside `,_jsx(_components.strong,{children:`Edit option`}),`, above the option you are editing.`]}),`\n`,_jsx(Frame,{caption:`The Config product tab, before any product is attached.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=2e524082965692fc678879c5c9e46526`,alt:`The option set editor's middle card with the Config product tab open, showing No products assigned yet, a short explanation, and the Assign products button outlined.`,\"data-og-width\":`1402`,width:`1402`,\"data-og-height\":`1048`,height:`1048`,\"data-path\":`images/optionsets/config-product-empty.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=280\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=a993a52584de2a1d770823a3f2974cf9 280w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=560\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=d78dc7a4c1f875ade80c3ac9030d7b7f 560w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=840\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=9ba31c2b985702fd01eed83c71917147 840w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=96aa061229b7617614ded7ceb675bb98 1100w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=c2f6b206f0f0407b3e9f82e39d732508 1650w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-empty.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=f944c57cf02ac20ef8a55a38d5926613 2500w`})}),`\n`,_jsxs(_components.p,{children:[`If you see `,_jsx(_components.strong,{children:`No products assigned yet`}),`, click `,_jsx(_components.strong,{children:`Assign products`}),` and tick the products that should use this option set. `,_jsx(_components.a,{href:`/go-live/publish-and-assign`,children:`Assign products and go live`}),` walks through that dialog.`]}),`\n`,_jsx(Heading,{level:`2`,id:`your-products`,children:`Your products`}),`\n`,_jsxs(_components.p,{children:[`Once products are attached, the top of the tab lists them under `,_jsx(_components.strong,{children:`Assigned products`}),`, with a count beside the title.`]}),`\n`,_jsx(Frame,{caption:`The assigned products, and the setup of the one you picked underneath.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=41730be0e1060d4ac4751755909e8466`,alt:`The Config product tab listing assigned products with thumbnails and status labels, the first product selected, and its Variant personalization settings below.`,\"data-og-width\":`1402`,width:`1402`,\"data-og-height\":`1940`,height:`1940`,\"data-path\":`images/optionsets/config-product-tab.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=280\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=447a1e8579ec3ea41dcb8d9183ab427d 280w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=560\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=29d040809ce7e7685d0ed1b001045709 560w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=840\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=d49a5668e2166939687df9c3606aec6f 840w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=853dadcf257a56cf6909896c43c6bf07 1100w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=6080cd9c6f80e04dc3cf4c5ef2834e1c 1650w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/config-product-tab.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=2f5abea64223a49b62556ad03c2f1670 2500w`})}),`\n`,_jsx(_components.p,{children:`Each row shows the product’s picture, its name, and up to two labels:`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Label`}),_jsx(_components.th,{children:`What it tells you`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Published`}),`, `,_jsx(_components.strong,{children:`Needs publishing`}),` or `,_jsx(_components.strong,{children:`Not live yet`})]}),_jsxs(_components.td,{children:[`Whether shoppers see your latest work on this product. The same labels as on the `,_jsx(_components.a,{href:`/go-live/publish-and-assign#reading-the-status`,children:`Products page`}),`.`]})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`+1 option set`}),`, `,_jsx(_components.strong,{children:`+2 option sets`}),` …`]}),_jsx(_components.td,{children:`This product also uses other option sets. Click the label to see their names. Each name opens that option set in a new tab.`})]})]})]}),`\n`,_jsx(_components.p,{children:`Click a row to pick that product. Its setup appears under the list.`}),`\n`,_jsxs(_components.p,{children:[`Need more products? Click `,_jsx(_components.strong,{children:`Assign products`}),` at the top right of the list.`]}),`\n`,_jsx(Heading,{level:`3`,id:`products-from-more-than-one-store`,children:`Products from more than one store`}),`\n`,_jsx(_components.p,{children:`If you run several Shopify stores on one Customei account, one option set can be attached to products in all of them. When that happens, the list is split by store. Your current store comes first, and each store’s name sits above its products.`}),`\n`,_jsx(Heading,{level:`2`,id:`open-a-product’s-own-page`,children:`Open a product’s own page`}),`\n`,_jsxs(_components.p,{children:[`Point at a product in the list and a small gear button appears at the end of the row. This is `,_jsx(_components.strong,{children:`Product settings`}),`. Click it to open that product’s page in a new tab. Your option set stays open where you left it.`]}),`\n`,_jsx(Frame,{caption:`The Product settings button appears when you point at a row.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=b891f5937478e2a9096f020182c31b47`,alt:`A product row in the Assigned products list with the gear-shaped Product settings button outlined at the end of the row.`,\"data-og-width\":`1340`,width:`1340`,\"data-og-height\":`360`,height:`360`,\"data-path\":`images/optionsets/product-settings-button.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=280\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=52d06593622a71ce6ae0fabbbef637a5 280w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=560\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=46e698d20d673095c84dcc08cb83b4ef 560w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=840\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=b069e9ba5b9c28691abf1f8f2726aaf0 840w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=1100\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=737f9e7d5e41a56dc3f1b18a918725d5 1100w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=1650\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=d003345715c8b1b9c8680c02b7b5c6d5 1650w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-settings-button.png?w=2500\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=3fb42e830ec9e701352b013d04f02728 2500w`})}),`\n`,_jsxs(_components.p,{children:[`The product page is where you reorder or remove option sets on that product and turn the live preview on or off. See `,_jsx(_components.a,{href:`#the-product-page`,children:`The product page`}),` below.`]}),`\n`,_jsx(Note,{children:_jsx(_components.p,{children:`The gear is greyed out for a product in another store. Open that store’s Shopify admin and go to the product from there.`})}),`\n`,_jsx(Heading,{level:`2`,id:`make-the-design-change-with-each-variant`,children:`Make the design change with each variant`}),`\n`,_jsxs(_components.p,{children:[`Your Shopify variants are the choices Shopify already asks about, like `,_jsx(_components.strong,{children:`Color`}),` and `,_jsx(_components.strong,{children:`Size`}),`. `,_jsx(_components.strong,{children:`Variant personalization`}),` lets each variant change the design. For example:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`A shopper picks the `,_jsx(_components.strong,{children:`Black`}),` t-shirt, and the design switches to a version with white text.`]}),`\n`,_jsxs(_components.li,{children:[`A shopper picks `,_jsx(_components.strong,{children:`Large`}),`, and a bigger frame appears around the photo.`]}),`\n`,_jsxs(_components.li,{children:[`A shopper picks `,_jsx(_components.strong,{children:`Heather Olive`}),`, and the mockup photo behind the design changes to an olive shirt.`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`You set this up in two steps: first choose `,_jsx(_components.em,{children:`what`}),` changes, then choose `,_jsx(_components.em,{children:`how`}),` it changes for each variant.`]}),`\n`,_jsx(Frame,{caption:`Variant personalization: what changes at the top, each variant's setting underneath.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=607ecba35a9e847bd17f292790079c25`,alt:`The Variant personalization section showing a variant count, the Copy from product button, Template connections with a Wizard link, a Group by control, and a table of variants grouped by Color.`,\"data-og-width\":`1418`,width:`1418`,\"data-og-height\":`1512`,height:`1512`,\"data-path\":`images/optionsets/variant-personalization.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=280\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=5c509395f4a5f2cf1c7796df3bd228b5 280w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=560\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=b76751763129f7ca6f2f1711438fc62d 560w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=840\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=34cf61a1fd70754c34e8cbb9789dd8fa 840w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=1100\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=2b89a52168b5529ec946ed8376b31e9f 1100w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=1650\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=4792c65570aa1b8fa4b845f39ac13abd 1650w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/variant-personalization.png?w=2500\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=9fe0c4194116e652830a1ad83658b81b 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`step-1-choose-what-changes`,children:`Step 1. Choose what changes`}),`\n`,_jsxs(_components.p,{children:[`Under `,_jsx(_components.strong,{children:`Template connections`}),`, click `,_jsx(_components.strong,{children:`Add connection`}),` and pick what a variant should change. Once you have one, the button reads `,_jsx(_components.strong,{children:`Add another connection`}),`. Use one of these three:`]}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Connection`}),_jsx(_components.th,{children:`What a variant does with it`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Switch design template`})}),_jsx(_components.td,{children:`Swaps the whole design for another one. Good for portrait and landscape versions of the same canvas.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Group visibility`})}),_jsx(_components.td,{children:`Shows one group of layers and hides the rest. Good for a frame or border that only some sizes get.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Dynamic image`})}),_jsx(_components.td,{children:`Puts a different picture into one image layer.`})]})]})]}),`\n`,_jsx(Warning,{children:_jsxs(_components.p,{children:[`The list offers more connections than these three, because it is the same list a choice option uses. On your store, a variant only drives `,_jsx(_components.strong,{children:`Switch design template`}),`, `,_jsx(_components.strong,{children:`Group visibility`}),` and `,_jsx(_components.strong,{children:`Dynamic image`}),`. Anything else you add here does nothing for shoppers.`]})}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.a,{href:`/optionsets/connect-to-a-template`,children:`Connect options to your design`}),` explains each connection in more detail.`]}),`\n`,_jsxs(_components.p,{children:[`The layers and groups you can pick come from the design template behind this option set. If the product has no design template yet, you will see a `,_jsx(_components.strong,{children:`Reference template`}),` box first. Pick any template there to borrow its layers and groups. `,_jsx(_components.strong,{children:`Switch design template`}),` works without one.`]}),`\n`,_jsx(Heading,{level:`3`,id:`step-2-set-it-for-each-variant`,children:`Step 2. Set it for each variant`}),`\n`,_jsx(_components.p,{children:`The table under the connections lists every variant of the product. Each row has a small icon for each connection. Click the icon to set what that variant does, for example which group it shows.`}),`\n`,_jsxs(_components.p,{children:[`A product with lots of variants gets long fast, so the table groups them for you. Use `,_jsx(_components.strong,{children:`Group by`}),` to choose how:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Group by Color`}),` puts all the sizes of each colour together.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Group by Size`}),` does the opposite.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Don’t group`}),` shows one flat list.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`Groups start closed. Click a group to open it and see its variants.`}),`\n`,_jsxs(_components.p,{children:[`A group row has the icons too. Set one there and every variant in that group gets the same setting. Set `,_jsx(_components.strong,{children:`Brown`}),` once and all five Brown sizes follow. Then open the group to change just one size if you need to.`]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`To fill many variants in one go, click `,_jsx(_components.strong,{children:`Wizard`}),` next to `,_jsx(_components.em,{children:`Template connections`}),`. It opens every variant in one big grid, one column per connection, so you can type straight down a column.`]})}),`\n`,_jsx(Heading,{level:`3`,id:`products-with-only-one-variant`,children:`Products with only one variant`}),`\n`,_jsx(_components.p,{children:`Variant personalization needs at least two variants. A product with one variant, or none, shows a short note instead of the settings. There is nothing to set up, and nothing is wrong.`}),`\n`,_jsx(Heading,{level:`3`,id:`it-is-saved-on-the-product`,children:`It is saved on the product`}),`\n`,_jsx(_components.p,{children:`This setup belongs to the product, not to the option set. You can reach it from any option set the product uses, and it is the same setup each time.`}),`\n`,_jsxs(_components.p,{children:[`If the product also uses other option sets, a note above the settings names them: `,_jsx(_components.em,{children:`Also assigned to …`}),`. Anything you change here changes there too.`]}),`\n`,_jsx(Heading,{level:`2`,id:`copy-the-setup-from-another-product`,children:`Copy the setup from another product`}),`\n`,_jsx(_components.p,{children:`Most stores sell the same variants again and again. Every mug comes in 11oz and 15oz. Every t-shirt comes in the same five colours. Set up one product, then copy it to the rest.`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Pick the product that needs the setup`,children:_jsxs(_components.p,{children:[`Click it in the `,_jsx(_components.strong,{children:`Assigned products`}),` list.`]})}),_jsx(Step,{title:`Click Copy from product`,children:_jsxs(_components.p,{children:[`You’ll find it at the top right of `,_jsx(_components.em,{children:`Variant personalization`}),`, beside the variant count.`]})}),_jsx(Step,{title:`Pick the product to copy from`,children:_jsx(_components.p,{children:`Search by name if your list is long. The products you changed most recently are at the top.`})}),_jsx(Step,{title:`Read the line at the bottom, then click Copy`,children:_jsx(_components.p,{children:`It tells you what the copy will do before anything changes.`})})]}),`\n`,_jsx(Frame,{caption:`Copy from product, with a product picked and the matching variants counted.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=a62838ecb80e392bca8b228bdc80273e`,alt:`The Copy from product dialog with a search box, a list of products with one selected, a Matching variants count at the bottom, and Cancel and Copy buttons.`,\"data-og-width\":`1296`,width:`1296`,\"data-og-height\":`930`,height:`930`,\"data-path\":`images/optionsets/copy-from-product.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=280\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=e26d5065ee5b7eb1a059dab1fd603c26 280w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=560\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=211546c352e8dfa0c694c189bbde30bf 560w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=840\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=38f15579cf505c03b9e151e57dff125a 840w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=1100\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=5f89e5e7e73dec5e193927aa27c2a452 1100w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=1650\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=bfd8dc1e7de0d49ddbef84ec3821e8b7 1650w, https://mintcdn.com/nexlify/RY21J9xpbvJGa3D_/images/optionsets/copy-from-product.png?w=2500\u0026fit=max\u0026auto=format\u0026n=RY21J9xpbvJGa3D_\u0026q=85\u0026s=9029aed35c7f08554316a319f91af9ef 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Customei matches variants by their choices, not by their position. `,_jsx(_components.strong,{children:`Black / Large`}),` on one shirt gets the setting of `,_jsx(_components.strong,{children:`Black / Large`}),` on the other, even if the two products list their variants in a different order.`]}),`\n`,_jsx(_components.p,{children:`The line at the bottom of the dialog says one of three things:`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Message`}),_jsx(_components.th,{children:`What happens when you click Copy`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Matching variants: 8/10`})}),_jsx(_components.td,{children:`8 of this product’s 10 variants get the other product’s settings. The other 2 are left empty for you to fill in.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`No variants match, so only the template connections are copied.`})}),_jsxs(_components.td,{children:[`You get the list of `,_jsx(_components.em,{children:`what changes`}),`. You set each variant yourself.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsxs(_components.strong,{children:[_jsx(_components.em,{children:`Product`}),` has no variant personalization to copy.`]})}),_jsxs(_components.td,{children:[`Nothing to copy. The `,_jsx(_components.strong,{children:`Copy`}),` button stays off.`]})]})]})]}),`\n`,_jsx(Warning,{children:_jsxs(_components.p,{children:[`Copying `,_jsx(_components.strong,{children:`replaces`}),` the setup this product already has. It does not add to it.`]})}),`\n`,_jsxs(_components.p,{children:[`The copy is not saved yet. Look it over, then click `,_jsx(_components.strong,{children:`Save`}),` in the bar at the top of the page to keep it. Click `,_jsx(_components.strong,{children:`Discard`}),` to throw it away.`]}),`\n`,_jsx(_components.p,{children:`You can copy from any product in the same store that has variant personalization, even one on a different option set.`}),`\n`,_jsx(Heading,{level:`2`,id:`save-your-changes`,children:`Save your changes`}),`\n`,_jsxs(_components.p,{children:[`Nothing on this tab saves by itself. When you change something, the `,_jsx(_components.strong,{children:`Unsaved changes`}),` bar appears at the top of the page. One `,_jsx(_components.strong,{children:`Save`}),` keeps everything: your option changes and every product you set up on this tab. `,_jsx(_components.strong,{children:`Discard`}),` throws it all away.`]}),`\n`,_jsx(_components.p,{children:`You can move between products before you save. Your changes on each one wait for you.`}),`\n`,_jsxs(_components.p,{children:[`When the setup is right, `,_jsx(_components.a,{href:`/go-live/publish-and-assign#step-2-publish`,children:`publish the option set`}),` so shoppers see it.`]}),`\n`,_jsx(Heading,{level:`2`,id:`the-product-page`,children:`The product page`}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Product settings`}),` gear opens this page. You can also get there from Shopify itself: open the product in your Shopify admin, click `,_jsx(_components.strong,{children:`More actions`}),` at the top, then `,_jsx(_components.strong,{children:`View personalization in Customei`}),`.`]}),`\n`,_jsx(Frame,{caption:`The product page: option sets and variant personalization on the left, a working preview on the right.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=2e3dae3ae690d6e62be63d856b8ff5b8`,alt:`A product page in Customei with an Option sets card listing the attached option set, a Variant personalization card below it, and a Preview card on the right with the Live preview switch outlined.`,\"data-og-width\":`2060`,width:`2060`,\"data-og-height\":`2120`,height:`2120`,\"data-path\":`images/optionsets/product-page.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=280\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=4e781e06fcabcfcb02a3378a99ad2358 280w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=560\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=1e4eb5396687714a0646a05606a7575a 560w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=840\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=0c5603316e6c996009dd7fc12300426b 840w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=1100\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=336465d219197fd066f49d7e180c2b0a 1100w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=1650\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=1c1fc94af04ed0f0146d53f31c29688f 1650w, https://mintcdn.com/nexlify/ArrkS_e8oCUW6Ct1/images/optionsets/product-page.png?w=2500\u0026fit=max\u0026auto=format\u0026n=ArrkS_e8oCUW6Ct1\u0026q=85\u0026s=a75ff7bbc7023772c1f19e6798db3d65 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`order-and-remove-option-sets`,children:`Order and remove option sets`}),`\n`,_jsxs(_components.p,{children:[`A product can use more than one option set. The `,_jsx(_components.strong,{children:`Option sets`}),` card lists them in the order shoppers see their questions.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Drag the handle on the left of a row to move it up or down.`}),`\n`,_jsx(_components.li,{children:`Click the bin icon to take that option set off this product.`}),`\n`,_jsxs(_components.li,{children:[`Click `,_jsx(_components.strong,{children:`Add option set`}),` to attach another one.`]}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`live-preview`,children:`Live preview`}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Live preview`}),` switch at the top of the `,_jsx(_components.em,{children:`Preview`}),` card decides whether shoppers see their design change as they make their choices. Leave it on unless you have a reason not to.`]}),`\n`,_jsx(Heading,{level:`3`,id:`the-preview`,children:`The preview`}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.em,{children:`Preview`}),` card shows the product the way a shopper meets it. Your design sits on the mockup, with the product’s variant choices and your option set’s questions underneath. Pick a different colour or size and the design changes the way you set it up in `,_jsx(_components.em,{children:`Variant personalization`}),`.`]}),`\n`,_jsx(_components.p,{children:`The preview follows your changes before you save them, so you can try a setup and check it right there. It works even if the product has never been published.`}),`\n`,_jsxs(_components.p,{children:[`The variant personalization card on this page is the same one you see on the `,_jsx(_components.strong,{children:`Config product`}),` tab. Change it in either place. `,_jsx(_components.strong,{children:`Copy from product`}),` is only on the `,_jsx(_components.strong,{children:`Config product`}),` tab.`]}),`\n`,_jsxs(_components.p,{children:[`Changes here wait for the `,_jsx(_components.strong,{children:`Save`}),` bar too. Publish afterwards so shoppers see them.`]}),`\n`,_jsx(Heading,{level:`2`,id:`where-to-next`,children:`Where to next`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Connect options to your design`,icon:`link`,href:`/optionsets/connect-to-a-template`,children:_jsx(_components.p,{children:`What each connection does, and how to pick the right layer.`})}),_jsx(Card,{title:`Assign products and go live`,icon:`rocket`,href:`/go-live/publish-and-assign`,children:_jsx(_components.p,{children:`Attach products, publish, and read the status labels.`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Set up each product","description":"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.","icon":"box-open","href":"/optionsets/product-settings"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Your products","slug":"your-products","depth":2,"children":[{"title":"Products from more than one store","slug":"products-from-more-than-one-store","depth":3,"children":[]}]},{"title":"Open a product’s own page","slug":"open-a-product’s-own-page","depth":2,"children":[]},{"title":"Make the design change with each variant","slug":"make-the-design-change-with-each-variant","depth":2,"children":[{"title":"Step 1. Choose what changes","slug":"step-1-choose-what-changes","depth":3,"children":[]},{"title":"Step 2. Set it for each variant","slug":"step-2-set-it-for-each-variant","depth":3,"children":[]},{"title":"Products with only one variant","slug":"products-with-only-one-variant","depth":3,"children":[]},{"title":"It is saved on the product","slug":"it-is-saved-on-the-product","depth":3,"children":[]}]},{"title":"Copy the setup from another product","slug":"copy-the-setup-from-another-product","depth":2,"children":[]},{"title":"Save your changes","slug":"save-your-changes","depth":2,"children":[]},{"title":"The product page","slug":"the-product-page","depth":2,"children":[{"title":"Order and remove option sets","slug":"order-and-remove-option-sets","depth":3,"children":[]},{"title":"Live preview","slug":"live-preview","depth":3,"children":[]},{"title":"The preview","slug":"the-preview","depth":3,"children":[]}]},{"title":"Where to next","slug":"where-to-next","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"nexlify","siteName":"Customei","title":"Set up each product - Customei","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-16T04:54:06.975Z","originalFileLocation":"optionsets/product-settings.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Customei\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Set up each product - Customei\">\u003cmeta data-mint-head property=\"og:description\" content=\"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Customei\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.customei.com/optionsets/product-settings\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://nexlify.mintlify.app/_mintlify/api/og/v2?division=Option+Sets\u0026amp;title=Set+up+each+product\u0026amp;description=See+which+products+use+an+option+set%2C+make+the+design+change+with+each+Shopify+variant%2C+and+copy+that+setup+from+one+product+to+another.\u0026amp;theme=0bdf1adbb4d8342e718d4040\u0026amp;signature=5fdfc476dc46f578f39056ea75907d79ab69621608fe64f0b6456ccf364ef0ed\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Set up each product - Customei\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://nexlify.mintlify.app/_mintlify/api/og/v2?division=Option+Sets\u0026amp;title=Set+up+each+product\u0026amp;description=See+which+products+use+an+option+set%2C+make+the+design+change+with+each+Shopify+variant%2C+and+copy+that+setup+from+one+product+to+another.\u0026amp;theme=0bdf1adbb4d8342e718d4040\u0026amp;signature=5fdfc476dc46f578f39056ea75907d79ab69621608fe64f0b6456ccf364ef0ed\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/nexlify/eKa7qH6YJ3w-wU8z/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Customei\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#171717\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.customei.com/optionsets/product-settings\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/optionsets/product-settings.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.customei.com/#organization\",\"name\":\"Customei\",\"url\":\"https://docs.customei.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/nexlify/X0bpSwJw_2jGnOd6/logo/light.svg?fit=max\u0026auto=format\u0026n=X0bpSwJw_2jGnOd6\u0026q=85\u0026s=379b9582e45d368ae1ef5af3660b3d12\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.customei.com#website\",\"name\":\"Customei\",\"url\":\"https://docs.customei.com\",\"publisher\":{\"@id\":\"https://docs.customei.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.customei.com/optionsets/product-settings#webpage\",\"url\":\"https://docs.customei.com/optionsets/product-settings\",\"name\":\"Set up each product\",\"description\":\"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\",\"dateModified\":\"2026-10-16T04:54:06.975Z\",\"isPartOf\":{\"@id\":\"https://docs.customei.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.customei.com/optionsets/product-settings#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.customei.com/optionsets/product-settings#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Option Sets\",\"item\":\"https://docs.customei.com/optionsets/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Set up each product\",\"item\":\"https://docs.customei.com/optionsets/product-settings\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.customei.com/optionsets/product-settings#article\",\"headline\":\"Set up each product\",\"name\":\"Set up each product\",\"description\":\"See which products use an option set, make the design change with each Shopify variant, and copy that setup from one product to another.\",\"url\":\"https://docs.customei.com/optionsets/product-settings\",\"mainEntityOfPage\":{\"@id\":\"https://docs.customei.com/optionsets/product-settings#webpage\"},\"dateModified\":\"2026-10-16T04:54:06.975Z\",\"publisher\":{\"@id\":\"https://docs.customei.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.customei.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Customei\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Customei","nav":{"global":null,"tabs":[{"tab":"Documentation","groups":[{"group":"Introduction","icon":"book-open","pages":[{"title":"Welcome to Customei","icon":"house","href":""},{"title":"How Customei works","icon":"diagram-project","href":"/introduction/how-it-works"}]},{"group":"Design Templates","icon":"palette","pages":[{"title":"Design templates","icon":"palette","href":"/templates/overview"},{"title":"Create a design template","icon":"pen-ruler","href":"/templates/create-a-template"},{"title":"Bring in a Photoshop file","icon":"file-import","href":"/templates/import-psd"}]},{"group":"Template Editor","icon":"pen-ruler","pages":[{"title":"The design and preview frames","icon":"clone","href":"/editor/design-and-preview-frames"},{"title":"Add a mockup preview","icon":"image","href":"/editor/add-a-mockup"},{"title":"Preview settings","icon":"sliders","href":"/editor/mockup-settings"},{"title":"Text content and style","icon":"font","href":"/editor/text-content-and-style"},{"title":"Fonts and font libraries","icon":"a","href":"/editor/fonts-and-font-libraries"},{"title":"Text color and stroke","icon":"palette","href":"/editor/text-color-and-stroke"},{"title":"Text shadow","icon":"clone","href":"/editor/text-shadow"},{"title":"Curved and warped text","icon":"bezier-curve","href":"/editor/curved-and-warped-text"},{"title":"Pictures and photos","icon":"image","href":"/editor/images-and-photos"},{"title":"Layers and arranging","icon":"layer-group","href":"/editor/layers-and-arranging"},{"title":"Moving around the canvas","icon":"up-down-left-right","href":"/editor/canvas-and-view"},{"title":"What customers can change","icon":"lock-open","href":"/editor/customer-permissions"},{"title":"Canvas size and print output","icon":"ruler-combined","href":"/editor/design-settings"}]},{"group":"Mockups","icon":"images","pages":[{"title":"Mockups","icon":"images","href":"/mockups/overview"},{"title":"The mockup designer","icon":"pen-nib","href":"/mockups/mockup-designer"},{"title":"Warp and realism","icon":"wand-magic-sparkles","href":"/mockups/warp-and-realism"}]},{"group":"Libraries \u0026 Assets","icon":"folder-open","pages":[{"title":"Assets","icon":"folder-open","href":"/assets/overview"},{"title":"Create a library","icon":"folder-plus","href":"/assets/create-a-library"},{"title":"Upload and import","icon":"upload","href":"/assets/upload-and-import"},{"title":"Your files","icon":"file","href":"/assets/files-manager"}]},{"group":"Option Sets","icon":"sliders","pages":[{"title":"Option sets","icon":"sliders","href":"/optionsets/overview"},{"title":"Create and manage option sets","icon":"rectangle-list","href":"/optionsets/create-and-manage"},{"title":"Build your options","icon":"list-check","href":"/optionsets/build-your-options"},{"title":"Text and number options","href":"/optionsets/text-and-number-options"},{"title":"Lists and swatches","icon":"grip","href":"/optionsets/lists-and-swatches"},{"title":"Custom swatches","icon":"swatchbook","href":"/optionsets/custom-swatches"},{"title":"Let customers upload files","icon":"cloud-arrow-up","href":"/optionsets/customer-uploads"},{"title":"Popups, maps and countdowns","icon":"puzzle-piece","href":"/optionsets/extra-options"},{"title":"Manage your values","icon":"list-check","href":"/optionsets/managing-values"},{"title":"Bulk edit values","icon":"table","href":"/optionsets/bulk-add-and-edit-values"},{"title":"Charge extra for a choice","icon":"tag","href":"/optionsets/value-price-add-ons"},{"title":"Groups and layout","icon":"folder-tree","href":"/optionsets/groups-and-layout"},{"title":"Show or hide options","icon":"eye","href":"/optionsets/conditional-logic"},{"title":"Connect options to your design","icon":"link","href":"/optionsets/connect-to-a-template"},{"title":"Options that keep themselves up to date","icon":"rotate","href":"/optionsets/keep-options-up-to-date"},{"title":"Check your work in the preview","description":"Use the preview pane to answer your own questions the way a shopper would, and to check the print file before you publish.","icon":"display","href":"/optionsets/preview-your-options"},{"title":"Set up each product","icon":"box-open","href":"/optionsets/product-settings"}]},{"group":"Go Live","icon":"rocket","pages":[{"title":"Assign products and go live","description":"Attach your option set to products, publish it, and read the status labels.","icon":"rocket","href":"/go-live/publish-and-assign"}]},{"group":"Translations","icon":"language","pages":[{"title":"Selling in more than one language","icon":"language","href":"/translations/overview"},{"title":"Add your languages","icon":"flag","href":"/translations/languages"},{"title":"Words that must always translate the same","icon":"book","href":"/translations/glossary"},{"title":"Translate an option set","icon":"table-columns","href":"/translations/translate-an-option-set"}]},{"group":"Preferences","icon":"gear","pages":[{"title":"Where the design shows on your product page","icon":"store","href":"/preferences/storefront-display"},{"title":"Match the options to your store's look","icon":"brush","href":"/preferences/theme-styles"},{"title":"Cancel your plan or remove the app","icon":"triangle-exclamation","href":"/preferences/leaving-customei"}]},{"group":"Integrations \u0026 AI","icon":"plug","pages":[{"title":"Connecting other services","icon":"plug","href":"/integrations/overview"},{"title":"Tell your systems about new orders","icon":"bell","href":"/integrations/order-notifications"},{"title":"Let an AI assistant help you","icon":"wand-magic-sparkles","href":"/preferences/ai-access"}]}]}]},"title":"Set up each product - Customei","buildId":"dpl_HcHmUS6i3UwswnTHJUEdcTtwfdTQ","deploymentId":"dpl_HcHmUS6i3UwswnTHJUEdcTtwfdTQ","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-D1UCVuPB.js","DynamicMarkdown-Crwq6WG_.js","zoom-image-lightbox-CFBqa0On.js","lightbox-handle-r17bVUz3.js"]}