Image tags¶

Custom image tags can be added to product images to gain more nuanced control over how to showcase those products, beyond just having model and cutout images. Any kind of tag can be added to an image, or a set of images, and be used to prioritize the image selection.

Add available tags to images using the tags attribute. For more information, see the Catalog specification.

{
    "image_1": {
        "defaults": {
            "tags": [ "Hero" ],
            "urls": [ { "url": "//cdn.example.com/images/1001-100_model.jpg?preset=200x200"}]
        }
    }
}

Image tag prioritization¶

In the Default settings section of the Settings tab in the Experience app, you can 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.