# Imagify Feature

## Overview

Briefly, Imagify functionality adds a possibility of partial replacement of parts of an image upon selection in custom option. It is possible to *connect* 2 or more custom options and change certain parts of image upon selection in *connected* options.

## How It Works

### Step 1: enable Imagify feature in [general settings](https://kb.moomoo.agency/uni-cpo-4-documentation/usage/panel/general-settings) for this product and add a base image - the image that will be placed below all other *layers*

### ![](https://3552609976-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M50Y01TKemmHpSl6feB%2F-M50Y0ZIgvH_dYi7thL3%2F-M50Y98qHJacik6eBpGC%2Fimagify-general-settings.png?generation=1587016422811031\&alt=media)

### Step 2: add custom Option, *connect it* `<- re create this step for as many Options as you need`

👉 **Currently, only Radio Option type can be used for Colorify functionality. You may use any mode you like.**

Enable Imagify functionality on option-based level:

![](https://3552609976-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M50Y01TKemmHpSl6feB%2F-M50Y0ZIgvH_dYi7thL3%2F-M50Y98sj-LZXTTG-G7b%2Fimagify-setting.png?generation=1587016422875294\&alt=media)

Now add some suboptions, add alt images - these images will be used for Imagify. This is how it may look like:

![](https://3552609976-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M50Y01TKemmHpSl6feB%2F-M50Y0ZIgvH_dYi7thL3%2F-M50Y98uZEUPWqet2gVH%2Fimagify-layer-image.png?generation=1587016423368715\&alt=media)

So, each layer is a kind of part of the final image. When all such layers are displayed we will see the whole image :)

Save options.

### Final:

This is how the product may look like:![](https://3552609976-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M50Y01TKemmHpSl6feB%2F-M50Y0ZIgvH_dYi7thL3%2F-M50Y98w6E31XYyaBfcg%2Fimagify-example.png?generation=1587016423204282\&alt=media)My image consists of 2 layers, so I have added 2 custom options. Each Option changes a certain part of the image. I have done *step 3* for each of my options.

⚠️ **Important: the order of custom options matters! Place your options in the order of the desired appearance of the image parts.**