This article covers how to enable image-based customization through the Image Folder feature in Customix. This is ideal for clipart-style personalization, such as selecting hairstyle, outfit, or pet images—but it can also be used for any image-based choice (e.g. product color option, badges).

1. Add Image Folders layer

Go to Assets > Images, and upload your images to organized folders.

• Each folder should contain a specific category of options (e.g., Hair, Shirt, Eyes).
• The app supports both single-level and two-level folder structures:
• • Single-level folders: Display options directly (e.g., the “Hair” folder with various hairstyles).
  • Two-level folders: Will display as a two-step selection (e.g., “Hair Color” → “Blonde”, “Brown”, each containing multiple styles).

📁 If you select a folder with subfolders, the system will automatically generate a 2-level dropdown interface in the storefront.

2. Personalization Panel

After inserting the image folder:

• Simply select the layer and look to the right-hand panel.
• No need to enable a separate personalization switch.
• Set a label (e.g., “Choose Dad’s Skin”).
• Check Required if the customer must select an image.

ll relevant customization settings: such as option names, thumbnail or display order is here.

3. Set Default Value

To define which image appears by default when the product loads:

• Click on the three-dot icon (⋯) next to a value under Values in the right panel.
• Select Set as default value.

This ensures a default visual is pre-selected without requiring customer input.

Updated on: 18/06/2025