Custom Product Builder allows you to colorize images on the fly without adding colorized options, all you need is a white image of your product and this instruction.
To use the recolor function, follow these steps:
1. First of all, you need to create a Category that will be used for recoloring the image layer, use the "Color Сhoice" category.
You need to set Title:
And choose Single Choice and Color Choice here in Customization Type:
Then, add Color's codes or Choose color in pallete in the Options list right on this page, or through Option's set on the right side of the Options line:
2. The second step is to create a custom layer that will be used to preview the product image.
Let's set up the layer.
Colorize Settings: Switch tumbler to Colorize Image From Category
Panel: Front (Choose here the panel in which the necessary recolor category is located)
Category: Sleeves (Choose here the category in which the required option is located with 'Color choice' type only. Created in step 1 at the top of the page).
Blend mode: There are four modes of recoloring in Custom Product Builder.
Blend Strength: Transparency level. Goes from 0 to 1, which translates to 0% to 100% opacity.
Image Settings: Load here the image of the element that will be recolored.
Then click Apply and Save Product.
IMPORTANT: To make sure the product categories / options are saved properly – first click SAVE at the bottom of the category / panel / option screen, and only after that the SAVE PRODUCT button at the top of the page.
Now, the functionality is ready to use. Switch colors and your image will be painted in the right color without the need to upload new images.
Click here if you want to know how to fill with the textures products on the fly.