IL Multi Layer

Multilayer Feature

The Multilayer feature of WPC Image Logic is a really powerful featureIt will let you combine different images to create a unique image which results depends on the fields selected by your customer.    Let’s suppose your selling tablesthis is just the most simple exampleIf you’re selling tablesit is most likely that you have different kind of table materials (Wood, Metal, and so on), and it is most likely that you have different colors, also for different parts of your tables.  For example you could have a table where the top table have the following colors: Red, Blue and Green. Instead the legs of your table could have the following colors: Red, Blue and Green. Of course you can sell a table with a Red top table and Blue legs. Or you could sell a table with a Blue top table and Green legs.  As you can see there a lot of different combinationsYou should create as many images as many combinations you have. In the previous example (Which is a simple exampleyou should create 9 different combinations of images. More simple would be to create 3 different images for the top, and 3 different images for the bottom (for a total number of images equal to 6) and combinate these images dynamically using the Multilayer feature.  You can see a working demo hereIf you want to see how this calculator has been build in the WordPress Backend please follow the instructionshereAfter you logged-in the Demo WordPress Backend search for “DEMO – WPC Image Logic – Multilayercalculator.  You can follow these steps to build the previous example: 
  • Let’s suppose you’ve created 2 List fields for your WPC Calculator: Bottom Table Color and Top Table Color, both with the following values: red, blue, green. Select your calculator from the list of calculators, click on the dropdown icon so click on “Product Image Logic” 
  • You should now create two different categories. They will group the images for each layer. Click on “Manage Categories” and click on “Add Category” 
  • Add a category named “Table – TOP” 
  • Add a category named “Table – BOTTOM” 
  • Click on “Back to Image Logic” 
  • You should now create a rule for each different image, so click on “Add Rule” 
  • Add a rule named “Top Red”, select the image of the top red table, add the rule and select the category “Table – TOP” 
  • Add a rule named “Top Green”, select the image of the top green table, add the rule and select the category “Table – TOP” 
  • Add a rule named “Top Blue”, select the image of the top blue table, add the rule and select the category “Table – TOP” 
  • Add a rule named “Bottom Red”, select the image of the red legs, add the rule and select the category “Table – BOTTOM” 
  • Add a rule named “Bottom Green”, select the image of the green legs, add the rule and select the category “Table – BOTTOM” 
  • Add a rule named“Bottom Blue”select the image of the blue legsadd the rule and select the categoryTable – BOTTOM”You should now have a situation like this: 
mlrule
  • Click on “Manage Layer Models” (See the below chapter to have more information about the Manage Layer Models Panel) to create the different type of layers. Since we have only the Top and the Bottom (Legs) of the table, these are two layers. As you can see there is a “LAYER MAIN”: This is the container for all the layers. If you do not include the layers inside this layer, the images will be cut. 
  • Click on “Add Layer” and a new layer will be added. Set “Layer Category” as “Table – TOP” 
  • Click on “Add Layer” to create a new layer. Set “Layer Category” as “Table – Bottom” 
  • You can now drag & drop the layer and change their position or change their size by clicking on the blue rectangle on the bottom-right. 
  • Click on “Save” to save the layers. 
  • Click on “Enable Product Image Logic” to enable the addon. 

More on “Manage Layer Models