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.

All 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