Image Upload Personalization

Including an image is a common way to personalize a product. The following steps provide a walk-through of setting up a canvas to accommodate an image uploaded via a configuration attribute.

1.) Navigate to Assets, create a new Texture

2.) From the properties panel, include a 'Canvas Composite' Operator

3.) From the properties panel, include a 'BlackWhite' Operator

4.) Navigate to Logic Mode, create a Texture Asset Attribute. (It will be named "Logo" for the purposes of this example)

5.) Create a Rule and name it

6.) Create a set property Action

7.) Set the sourceImage property of the Canvas Composite Operator as the target

8.) Set the toggle to 'Attribute' and ensure the Logo Attribute is selected

9.) On the relevant Material Asset, create a Texture Asset Attribute, using the same name as above.

10.) Ensure the Logo Texture is assigned to a slot on the Material (Base Image is used in this example)

11.) On the relevant Model, create a Texture Asset Attribute, using the same name as above

12.) Ensure the relevant Material is referenced on the appropriate mesh node

13.) Create the Catalog Item and include an Image Upload Attribute

14.) Associate the appropriate Model with the Catalog Item

15.) Test