If you want your preview to change when a customer selects a certain variant, you need to assign a Customily Function to your products variants.
What is a variant?
Variants are Shopify or WooCommerce own product options. Learn when we recommend the use of variants instead of Customily Options here.
To assign a Customily Function to a Variant
2. Scroll down to Assign Customily Functions to Product Variants and click on the variant you want to work with. 
3. Expand the Customily Function menu by clicking on it
4. Select Add Customily Function
5. Select a Function Type
Functions are the actions that the variant will trigger on the preview. Learn what functions are available here.
6. Enter the Personalizable Element ID to connect the function with a specific element from the preview. This is the Unique ID of the element that was created on your template (for example text elements, dynamic images, image placeholders, etc.)
7. Give each variant value a behavior. Depending on what function you chose, the behavior value you have to give it ( a position, a product ID, etc.)
|
Customily Function
|
Behaviour values
|
|---|---|
|
Text
|
The pre-set text you want to use
|
|
Text Color
|
Color position
|
|
Font Style
|
Font position
|
|
Dynamic Image
|
Image position
|
|
Dynamic Vector
|
Vector position
|
|
Change Product
|
Template ID
|
8. Scroll down and hit Save
Note
If you want to make changes to the Values of the Variant you need to do that through your Shopify or WooCommerce admin as you would on a regular product that doesn't have Customily.
Share
Was this article helpful?
Have more questions? Submit a request