LogoLogo
  • 📘Knowledge Center
  • Before Getting Started
    • 🔷3D User
    • 🔷AI User
    • 🔷Merchandiser
    • 🔷Web Developer
  • CREATOR INTERFACE
    • 🔷Creator Home Page
    • 🔷Canvas / Workspace
    • 🔷Export
  • Creator
    • 🔷Getting Started
      • 🔹Sign Up
        • 🔹How to Sign up Using Gmail?
        • 🔹How to Sign up Using Apple Id?
        • 🔹How to Sign up Using Email?
    • 🔷Creator Navigation
    • 🔷Projects
      • 🔷How to use the Quick Access Tools?
      • 🔷View Port Settings
      • 🔷Generate AI 3D Models
      • 🔷Object
        • 🔷Upload Object
        • 🔹Transform
        • 🔷Node Hierarchy
        • 🔷Material Change
      • 🔷Scene
      • 🔷Image
      • 🔷Video
      • 🔷Audio
      • 🔷HDRI
      • 🔹Light
      • 🔷Text
      • 🔷Camera
      • 🔷Animation Timeline
      • 🔷Export
      • 🔷3D/AR
    • 🔷Assets
    • 🔷Community Showcase
    • 🔷Upload Your Catalog
      • 🔷Download Template
      • 🔷Upload File
      • 🔷Upload 3D Model
        • 🔷Product Information
        • 🔷Additional Details
          • 🔹Color Variant
          • 🔹Interaction
          • 🔹Dimensions
        • 🔷Proceed to Preview
        • 🔷Supported Files Formats
    • 🔷User Management
    • 🔷My Profile
      • 🔹How to Seek Help?
      • 🔹About
      • 🔹How to Logout from Creator?
    • 🔷Guidelines For 3D Model Creation
  • IDE - Low Code
    • 🔷Getting Started
    • 🔷IDE Functions
      • 🔹Add Object to The Scene
      • 🔹Add Light to the Scene
      • 🔹Add Environment to the Scene
      • 🔹Add Background to the Scene
      • 🔹Add Room to the Scene
      • 🔹Add Text to the Scene
      • 🔹Add Image to the Scene
      • 🔹Show/Hide Object
      • 🔹Show/Hide Image
      • 🔹Add Scroll Break Points
      • 🔹Add Animation to the Scene
      • 🔹Add Model Transformation to the Scene
      • 🔹Add Animation Block to the Scene
      • 🔹Play GLB Animation (pre built in GLB file)
    • 🔷Examples and Tutorials:
  • Developer Documentation
    • 🛠️How to Integrate Avataar Experiences?
      • 🛠️Integration with Web Renderer (React Package)
      • 🛠️Integration with Web Renderer (Javascript Package)
      • 🛠️Integration with Android Renderer
      • 🛠️Integration with iOS Renderer
      • 🛠️Integration of Experiences via Creator (React Package)
      • 🛠️Integration of Experiences via Creator (Javascript Package)
  • Incarnate
    • 🔷Getting Started
      • 🔷Device Eligibility & Settings
      • 🔷How to Download 'Incarnate by Avataar'?
      • 🔷Sign Up
        • 🔹How to Sign Up Using Google?
        • 🔹How to Sign Up Using Apple ID?
        • 🔹How to Sign Up Using Email?
      • 🔷How to Setup The Ideal Environment for Capture?
    • 🔷A Guided Tour Through the App
      • 🔷How to Choose an Object to Scan?
      • 🔷How to Use the Hamburger Menu Button?
      • 🔷How to Use the Floor Detection Feature?
      • 🔷Bounding Box
        • 🔹How to Resize the Bounding Box?
        • 🔹How to Adjust the Bounding Box?
      • 🔷How to Capture the Object?
      • 🔷How to Upload the Captured Object?
      • 🔷How to Ensure a Good Capture?
  • Release Notes
    • Version 2.4
    • Version 2.3
    • Version 2.2
    • Version 2.1
    • Version 2.0
    • December 1, 2023
Powered by GitBook
On this page
  1. Creator
  2. Upload Your Catalog
  3. Upload 3D Model
  4. Additional Details

Color Variant

PreviousAdditional DetailsNextInteraction

Last updated 1 year ago

Click on Color Variants to see the following fields. This option is used to configure the different color variants of a product.

Color 1:

Color Name:

The color name refers to the specific shade or hue assigned to a product. For example, "Ruby Red," or "Navy Blue." If you have uploaded a ‘glb’ with textures, the Color Name will be automatically filled with the name of the uploaded file, please feel free to use a more suitable name as per your preference.

Color SKU ID

The color SKU ID is a unique identifier assigned to a specific color variant of a product. It helps differentiate products that have the same model or style but come in different colors. If you have uploaded a glb embedded with textures, the color SKU ID will be automatically filled and won’t be editable.

Note: A PNG or JPEG file with a resolution of ‘300X300’ should be uploaded as the color icon. This icon will appear in the final web experience. The upload option is available next to the label ‘Color1’.

Click on ‘Add Material’ to see the following options.

  • Select material: This drop-down is used to choose the uploaded material in GLB to configure. For example, “Ceramic_mat”.

  • Select node: This option allows you to select the geometry node to configure. For example, “Vase_geo”.

  • Select map type: This option is used to select a texture map that must be configured. For example, “BaseMap”, “Normal”, “Roughness”, etc.

  • Select map file name: This option is used to select the uploaded texture maps in JPEG or png format. For example, “ceramic_mat_BaseColor.png”.

Then click on ‘Add Map’ to assign the texture map. Along similar lines, add the other texture maps such as normal, roughness, metalness, etc. by choosing the map type and the corresponding map file name and then clicking on the ‘Add Map’ option.

If multiple materials are uploaded, you can repeat the process of adding additional materials by clicking on ‘Add Material’ and going through the above process of selecting and uploading the appropriate maps.

Note: If you uploaded a ‘glb’ embedded with textures, the aforementioned option won’t be visible.

Add Color:

This option is used to configure secondary colors.

Note:

1. Avoid using 4k textures to reduce load times

2. For iOS and Android uploads, 4k textures will auto-convert to 2k, if uploaded.

🔷
🔷
🔷
🔹