Variant Types

In some situations, a component might be available in different variations, such as size, weight, or material. In this case, to avoid having to create a separate component for each existing variation, you can create "Variant Types".


Let's take the example of a button. This same button can be available from your supplier in various diameters and materials:


Diameter:

  • 10 mm
  • 12 mm
  • 14 mm


Material:

  • Plastic
  • Metal


In this example, there are 6 possible variations of this same button. To avoid creating this button 6 times in your library, you can create a single button and associate it with 2 Variant Types:


  • Diameter
  • Material


First, we will look at how to create Variant Types in the workspace settings. Then, we will see how to associate them with a component.



How to create variant types


You can customize the list of Variant Types from the workspace settings.

(To access the workspace settings, click on the name of your workspace at the top left of your screen, then click on “Workspace Settings”.)



  1. In the "COMPONENTS" section, open the "Variant Types" tab.
  2. Click on "+ New Variant Type" to create a new Variant Type.
  3. Click on the three dots to the right of each Variant Type row to delete or rename them.
  4. Use the area with the six dots to the left of the Variant Type name to rearrange the display order. They will be displayed in the same order in your product.




How to Manage Variant Types in a Component


First, create a new component or open the editing window of an existing component. In our example, we will use the component called "Button."

To access the list of Variant Types, open the (1) "Variant type" tab available on this page.



The list of available Variant Types will be displayed. Here, you can select the Variant Types to use for this component.



For our example, we need the Variant Types "Diameter" and "Materials."

We will create the necessary options for each by clicking on "+ Add options."



All options are created. Now, you need to click on (1) "+ Add Component" to confirm the creation of your component and all associated variant types.



After confirming the creation of the component and its variant types, reopening the component will reveal a new tab titled "Variants." In this tab, you'll have the option to create all possible combinations for this component. You have two options:


  1. Click on "Auto-fill variants" to generate all possible combinations of diameters and materials. This is useful for our example.
  2. If you don't want all combinations to be created, such as if the button does not exist in the Metal - 12 mm combination, you can manually create the list of combinations by clicking on "Create New Variant."



All variants of your button are now available!


You can delete a variant by clicking on the trash can icon or edit the variant's information by clicking on the pencil icon.


Note: If this button had multiple associated colors, the automatic variant generation would have included all colors to cover all possible options.


Note (again!): If you add new colors or new Variant Types to your component later, you can click on "Auto-fill variants" again to automatically create the new possible combinations.



When editing a variant, several fields appear:

  1. Price: You can assign a different price to each component variant.
  2. Code: You can add a unique reference to each component variant.
  3. Upload File: You can add a different illustration for each component variant to make your tech pack as detailed as possible.



If you have any further questions or need assistance, please don't hesitate to contact us through the chat. We're here to help! 🤗

Updated on: 24/12/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!