Image tags¶

Custom image tags can be added to product images in the data feed to showcase products further than with more than just model and cutout images. Add any kind of tag to an image, or a set of images, and use those tags to prioritize the image selection.

Add available tags to images in the data feed with the tags attribute. For more information, see Advanced image imports.

<images>
    <image>
        <tags>Hero</tags>
        <urls>
            <url width="200">//cdn.example.com/images/1001-100_model.jpg?preset=200x200</url>
        </urls>
    </image>
</images>

Image tag prioritization¶

In the Default settings section of the Settings tab in the Experience app, set the desired image prioritization order with the imported tags. It is possible to override the default image prioritization order for individual product lists on a specific page, see List settings.

In the example below, the third product has an image that has received the tag Hero, which is then set as the first prioritized image. Only the images with that same tag will show that image type, while the other images will rely on the next prioritized type.