# Style sync configuration > Make sure before you connect your shopify, filled out the required fields that will be sync to shopify. Source: https://docs.vestislabs.com/collection-style/style-sync-configuration/ **Return to Styles** - In the left sidebar, navigate back to **Collection & Styles \> Styles** to select a product to sync/manage. - From the Styles grid, click into the **Jolly Dress** card to open its details ![Return to Styles](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/01-return-to-styles.webp) Make sure before you connect your shopify, filled out the required fields that will be sync to shopify. 1. **Edit style details — Style Name & Code** - On the **Details** tab, review the **Photos** section with color variants (black, pink, green). ![Edit style details — Style Name & Code](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/02-edit-style-details-style-name-code.webp) - Enter/confirm the **Style Name** ("Jolly Dress") and **Code** ("DRE-029-W20") fields. ![Edit style details — Style Name & Code](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/03-edit-style-details-style-name-code.webp) 2. **Fill in collection, category, and description** - Enter the **Collection** name (e.g., "Neutral State"), **Season** ("Fall"), and **Category** ("Dress"). ![Fill in collection, category, and description](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/04-fill-in-collection-category-and-description.webp) - Add a **Short Description** ("Emerald Grace Wrap Dress") and a full **Description** highlighting design features and use occasions. ![Fill in collection, category, and description](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/05-fill-in-collection-category-and-description.webp) 3. **Fill in pricing and colors** - Scroll down to set the **Wholesale Price** (e.g., £120) and **Size Range**. ![Fill in pricing and colors](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/06-fill-in-pricing-and-colors.webp) - Review the **Colors** section, where each color has a **Code** (hex), optional **Pantone Code**, **Name**, and **Description.** ![Fill in pricing and colors](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/07-fill-in-pricing-and-colors.webp) 4. **Complete style attributes and care instructions** - Add relevant **Attributes** (e.g., "Dress - Mid," "Gender - Women") using **+ Add Attribute**. - Set the **Status** (e.g., "Launched"). ![Complete style attributes and care instructions](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/08-complete-style-attributes-and-care-instructions.webp) - Add **Care Instructions** such as "Do not bleach," "Do not machine wash," "Do not Iron" via **+ Add Instruction**. ![Complete style attributes and care instructions](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/09-complete-style-attributes-and-care-instructions.webp) 5. **Switch to Design & Development tab** - At the top of the style page, click the **Design & Development** tab to move from static details into the development workflow. ![Switch to Design & Development tab](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/10-switch-to-design-development-tab.webp) 6. **Add fabric and trims** - In the **Design & Development** kanban board, under the **FABRIC & TRIMS** column, add material swatches (e.g., "Satin") and set the material type. ![Add fabric and trims](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/11-add-fabric-and-trims.webp) **Move to the Production tab** - Click the **Production** tab at the top of the style page to view production tracking (Total Orders, Created, In Production, Completed, Shipped, Cancelled, Delayed Production). ![Move to the Production tab](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/12-move-to-the-production-tab.webp) 7. **Open the SKU sub-tab** - Within **Production**, click the **SKU** sub-tab to manage SKU codes for each style-color-size combination. ![Open the SKU sub-tab](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/13-open-the-sku-sub-tab.webp) 8. **Generate SKU codes** - Click **Generate All** to auto-create SKU codes for every color/size combination (e.g., Green — XS: W20-005-026-XS-DRE, S: W20-005-026-S-DRE, etc.). - Click **Save** once you're satisfied with the generated codes. ![Generate SKU codes](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/14-generate-sku-codes.webp) **Access style-level Integrations** - Click the **Integrations** tab at the top of the style page — this is where you can manage the connection between this specific style and your Shopify store (e.g., pushing this product to Shopify once metadata and SKUs are finalized). ![Access style-level Integrations](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/15-access-style-level-integrations.webp) 9. **View Shopify integration status for this style** - On the **Jolly Dress \> Integrations \> Shopify** sub-tab, you'll see the status is **Not connected**. - A message confirms: "This style has no linked Shopify product. Connect it to start syncing inventory, variants, and images with your store." ![View Shopify integration status for this style](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/16-view-shopify-integration-status-for-this.webp) 10. **Choose how to connect to Shopify** - Under **Connect to Shopify**, you have two options: - **Link Existing Product** — connects this style to a product already in your Shopify store (useful if it was created outside Vestis Labs). ![Choose how to connect to Shopify](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/17-choose-how-to-connect-to-shopify.webp) Find the Shopify product you want to link, or scroll through the list of available products. Click the product that matches your style. Click the **Link Product** button to connect the style to that Shopify product. ![Find the Shopify product you want to link, or scroll through the list of available products.](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/18-find-the-shopify-product-you-want.webp) - **Create New Product** (Recommended) — pushes this style as a brand-new product to Shopify, exporting variants, images, and inventory automatically from your batch production. ![Find the Shopify product you want to link, or scroll through the list of available products.](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/19-find-the-shopify-product-you-want.webp) 11. **Select a product creation method** - A **Create Shopify Product** modal appears with two options: - **Create with Digital ID inventory** — uses batch production inventory as Shopify stock, syncing style name, description, images, color variants, inventory, and Shopify metafields. - **Style information only** — creates just the product shell on Shopify (style info, metafields, color variants) without linking live inventory; stock can be connected later. - Select the option that fits your workflow, then click **Create Product**. ![Select a product creation method](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/20-select-a-product-creation-method.webp) If choosing the Digital ID inventory route, review the checklist confirming what will sync (style name/description/images, color variants, inventory from batch productions, Shopify metafields). - Select the option that fits your workflow, then click **Create Product**. ![If choosing the Digital ID inventory route, review the checklist confirming what will sync (style name/description/images,…](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/21-if-choosing-the-digital-id-inventory.webp) 12. **Set up inventory quantities** - A **Set Up Inventory** modal appears, prompting you to enter how many units to create per color (each unit becomes a Digital ID counting toward live Shopify inventory). - Enter quantities for each color — e.g., Green: 100, Black: 100, Pink: 100 — for a total of 300 units across 3 colors. ![Set up inventory quantities](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/22-set-up-inventory-quantities.webp) 13. **Click "Create & Import"** - Once quantities are set, click **Create & Import →** to push the product and inventory to Shopify. ![Click "Create & Import"](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/23-click-create-import.webp) **Verify in Shopify — Products** - Switch over to your **Shopify admin**, click **Products** in the left sidebar to confirm the new listing. ![Verify in Shopify — Products](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/24-verify-in-shopify-products.webp) 14. **Confirm the product appears** - The **Jolly Dress** now appears in your Shopify Products list, marked **Active**, with **300 in stock for 3 variants**, listed under the **Dress** product type and synced to 2 sales channels. ![Confirm the product appears](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/25-confirm-the-product-appears.webp) 15. **Review the synced product details** - Click into the **Jolly Dress** product page in Shopify to confirm all details synced correctly: **Title**, **Description**, **Media** (all 3 color images), **Category** ("Dresses in Clothing," suggested), **Status** (Active), **Vendor** (Bloom House), and **Collections** (Home page, Neutral State). ![Review the synced product details](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/26-review-the-synced-product-details.webp) ## Bulk connection workflow 1. **Select all styles** - From the **Styles** grid view, click **Select All** to select all styles on the current page (or manually check individual style cards). ![Select all styles](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/27-select-all-styles.webp) 2. **Open the Actions menu** - With styles selected (shown as "4 selected"), click the **Actions** button. - From the dropdown, choose **Connect to Shopify** (other bulk actions available include Create Line Sheet, Export, Generate Barcodes, Print Labels, Download/Lock/Unlock QR Codes, and Delete Selected). ![Open the Actions menu](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/28-open-the-actions-menu.webp) 3. **Review which styles will sync** - A **Connect to Shopify** modal appears, showing that only new/unconnected styles will be imported — already-connected styles are automatically skipped. - In this case: **Simple Peach Dress** and **Blussy Jacket** will be imported, while **Jolly Dress** and **Evergreen Casual Trousers** show "Already connected" and will be skipped. - This confirms the system prevents duplicate syncing of styles already linked to Shopify. ![Review which styles will sync](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/29-review-which-styles-will-sync.webp) 4. **Click Continue** - Click **Continue** to proceed with importing the unconnected styles to Shopify. ![Click Continue](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/30-click-continue.webp) **Verify all products in Shopify** - Switch to your **Shopify admin \> Products** page. - Confirm all four products now appear: **Blussy Jacket**, **Simple Peach Dress**, **Evergreen Casual Trousers**, and **Jolly Dress** — all marked **Active** with their respective inventory, category, channels, and vendor info populated. - Note: some products (like Blussy Jacket and Simple Peach Dress) show **0 in stock**, meaning their required fields/inventory may still need to be completed on the Vestis Labs side before stock syncs properly — reinforcing the earlier point about filling out required fields before connecting. ![Verify all products in Shopify](https://docs.vestislabs.com/assets/collection-style/assets/style-sync-configuration/31-verify-all-products-in-shopify.webp)