Adding color variants to your customizable product

This article refers to Smart Customizer Version 2.0 (current Shopify and Stand Alone versions)

Before we get started

  • You can add any number of color variants to your product.
  • For a 2D product template, you need to have all the images of your desired colors prepared beforehand.
  • For a 3D product template, you can change the color of the 3D mesh within the app.

How to add color variations for a 2D product

  1. Click Add New Group. Adding new group for color variants
  2. Select the Color group.
  3. Enter a simple and clear name for the option Title.
  4. Choose the Option list style, which will be used for color switchers on the product page.
  5. Click Save to continue. Adding group information
  6. Go back to the Product editing page. Returning to Product edit page
  7. One default color is created, which you can edit later. To add another color, click Add new color. Adding new color option
  8. Enter the color Title.
  9. Upload a Thumbnail for your product color variant, or choose a color HEX code for the option list display.
  10. Click Save. Editing color option information
  11. After changes are saved, click Open Upload Window. Opening image upload window
  12. Upload your color variation pictures for all print areas (in this case, the front and back).
  13. Click the X to close. Uploading product color variation pictures
  14. Click Save.
  15. After saving, return to the Product editing page. Saving color variants images
  16. In Variations > Variation 1 select the newly created color options to display them on the product page.
  17. Click Save Variation. Color option setup in Variations settings
  18. Click View to test the product. Variations settings

Color options will be listed under Print Options. If you want to add more color variants, repeat the same process from step 7. Customizable product link

How to add color variations for a 3D product

  1. In your Product details > Model Mesh for Coloring dropdown, choose the part of the 3D model you want to color.
  2. Click Save, then repeat steps 1-7, as you would for a 2D product setup, to add a new color option. Setting up 3D color variant information
  3. Enter the color Title.
  4. Enter or select a color HEX code to apply to your selected 3D model mesh.
  5. Click Save and repeat steps 15-18. To add more colors, repeat the process. Setting up 3D color variation

Advanced tips

  • You can add different pricing and SKU codes for each color.
  • For personalized offers, use different variation links to display specific colors.