Steps to create “Image” Custom Layer
Fill in the following fields in the Settings tab
Title: some title
View: change view
Panel to select: there is no need to fill
Image: You need to upload PNG image with transparency and image positioning
Fill in the following fields in the Advanced tab
Colorize image layer
You can also recolor simple image components that you upload using layer colorization of HTML5 Canvas. You would need to create a
- Create a new Panel with the “Color thumbnail” category and add some color options.
- Create a new custom layer with “Image” type. How to do this, see the tab “Custom Layers”.
- Choose in custom layer the panel in which the necessary category is located
- Choose in custom layer the category in which the required option is located with “Color thumbnail” type only.
- Alpha Transparency: alpha transparency level.
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.
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 button at the top of the page.