Creating Data Overlay on images

Modified on Thu, 19 Sep at 5:50 PM

Images of your jewelry are one of the most valuable assets in jewelry eCommerce. Making them more informative leads to better buyer engagement, and so to better sales. 


The Image Data Overlay generates an additional product image displaying the product data above the original image. The image is added to the list of product images next to the original image. 

 

To create the image with Data Overlay 


1. Generate the Data Overlay template


In General settings -> Printing Templates -> Product Templates page

  • create the template, which will be applied with data in Product Images 
  • use fonts, colors and any other HTML
  • remember that the data layer will be displayed over the product image


2. Apply the Data Overlay


In the Product Images page

  • select the image(s) to apply the Data Overlay 
  • in Actions -> Data Overlay 
    • Select location on image
    • Select the template you've previously created
    • Select background and opacity
    • Select the "Stretch to image size" option. It resizes the data layer comparing the Data Overlay size  and the image size 
      • All: data overlay image will be stretched on all images 
      • Only Large images -> data overlay image will be stretched to fit images bigger than the overlay
      • Only small images -> data overlay image will be stretched to fit smaller image than the overlay









Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article