Add uploaded image behind product template image

Hi!

I was wondering if it was possible that for when users upload their clip art to always show it behind the product template image. Basically, I'm looking for a mask effect, so when the user moves the Love and Slow clip art it would only show in the oval shape and be hidden if it's dragged outside of it. I was testing the with the admin commands but could not get the desired effect



The text Love and Slow would be the clipart uploaded by the user and the oval pendant would be the product template image. In a photo editor tool you would create a mask. Also in HTML/CSS you could something do like what is shown in this link: https://www.html5rocks.com/en/tutorials/masking/adobe/

Looking forward to your response,

Thanks for your help!



Edited 1 time(s). Last edit at 03/17/2017 09:01AM by danielc.

For that, you need to use Foreground images.
There's a nice video in the manual here:
http://support.realtimedesigner.com/wiki/doku.php/videos
Look for the Products with Background and Foreground Images one.

Also described in the manual here:
http://support.realtimedesigner.com/wiki/doku.php/rtd_manual_ch_08_product_setup#fixed_sizes_background_and_foreground_images

Alex

Awesome, thanks for the help Alex!