How to show images from your product data in templates

An image element can read its image url from a field in your product data, so each product shows its own badge, brand logo or banner.

The same template showing each product's own brand logo

Adding an image from a field

1. Click "Image" in the elements bar.
2. Choose "Image from a field".
3. In the properties panel, click "Choose field" and pick a field.

How to add an image from a product field

The field has to contain a full image url, for example https://example.com/badges/new.png.

Previewing different products

The editor shows the image for the product you are previewing. Switch to another product and the image updates with it.

When a product has no image

If the field is empty or the image cannot be loaded, the element is left out for that product. The rest of the image renders as normal.

A product with and without the image

Good to know

• The url must be a public link directly to an image file.
• Feedr keeps a copy of each image. If you change the artwork, upload it under a new url, or products may keep showing the old version for a while.