Thanks to "GOS" answering my previous posts I now have the code sorted .
I am still working on the print on demand example .
My question is regarding setting up the mask field . I have all the same elements as the example . ( container box,blank image field ,mask image,product image,text field )
how do I combine the images to form the mask field and then what order do I overlay them
Thanks in advance for any help
Hi there, I'm trying to use it but can't get the colors of the background to work, how do I connect them ?
also the image upload won't work either
Have a look at Wix Photo Studio Tools to see if you can create your mask through that, without having to have the need to go elsewhere.
https://support.wix.com/en/article/using-the-wix-photo-studio-tools
You can easily create a mask in photoshop.
https://helpx.adobe.com/uk/photoshop/using/masking-layers.html
Otherwise, Wix do mention other third parties that you can use.
https://www.wix.com/blog/2012/05/free-photo-editing-tools-for-the-less-photoshop-savvy/
That is in the tutorial description.
https://www.wix.com/corvid/example/print-on-demand
We created the preview image of the product by overlapping elements inside a container, in the following order (from top to bottom):
The image of the product on the CustomProduct page, which comes from the Mask field
A text element that will display the visitor’s custom text
An empty image element that will display the visitor’s uploaded photo
The image that comes from the Mask field is a transparent image of the product, surrounded by a background. This background masks the area around the product image, preventing the display of any effects from its underlying elements. Because the image is transparent, any changes made to the underlying elements are only visible in the product part of the image.