In the In-String Placeholders and Text Validation we have already discussed how to set up predefined text layers in product templates. This topic dwells on how to add image layers with pre-selected pictures which can be chosen in the web-to-print designer. Also it discusses another way to create text layers with predefined text options (the first way was presented in In-String Placeholders and Text Validation).
Image and text layers with predefined content are handy when you need to create several designs with a common style. For example, there can be flyers in which users can personalize only a product photo and a description. In this case, you can create a single template for all product variations which would contain all possible photos and descriptions. When personalizing the template, the user would select content of the predesigned layers from predefined options.
Later in this topic we will create a flyer to demonstrate how to set up predefined image and text layers. There are two options available for layers with predefined content:
We will demonstrate both of the approaches below.
Here we create a flyer template containing a product photo and a text description. The user cannot personalize them in arbitrary way, instead only predesigned options are available for them and they are saved within the PSD template. The best practice in Customer's Canvas would be to create a separate layer for each design element which can be changed in the web-to-print designer. Predefined layer options should be stored in groups.
Here we create a template for travel ad flayer that contains three photos and three text descriptions. All the info will be saved within the template, and a user will be allowed to select an image and a description from the given ones. In the template we will use layer groups containing monotype one-element layers of the same type. It is best practice in Customer's Canvas to create a layer for each design element. The template will contain two layer groups, one for images and one for texts; each group will be of three elements.
To create the template perform the following steps:
<MVI>marker into the group name.
<MVI>marker into the group name.
If your design requires adding too many predefined options for an image layer, it would not be a good idea to add all of them into a PSD template. In this case you can use another approach - it is possible to put all the images into a separate folder and link it to the image layer. When personalizing the layer, users will be selecting images from the specified folder and Customer's Canvas will not allow them to switch to another source including loading images from the social networks. Also this approach is useful when you to change options for an image layer after the PSD template has been created.
To demonstrate the feature let us set up the
/europe_photos/ folder as an image source for an image layer:
web.configand find the PublicGalleryFolder parameter. Its value should be
PublicGalleryFolder(it is the default value for this parameter); if it is not, change the value to
/europe_photos/subfolder in the
/PublicGalleryFolder/folder. If there is no such subfolder, create it, and place some images there.
/europe_photos/and move the default
harrods.jpgimages to it.
<IAPSF_/europe_photos/>marker into the layer name. Here
/europe_photos/is a path to the folder from which it will allow users selecting content for the image layer. The path is relative to the public images folder, which we have set to
/europe_photos/folder and its subfolder:
If you want to restrict public folders with the
<IAPSF> marker and still need to allow users uploading their own images, set the showTabsInRestrictedMode property of GalleryDialog configuration section to
For more information about the Gallery see the Using Image Gallery topic.