> ## Documentation Index
> Fetch the complete documentation index at: https://product-discovery.developer.voyado.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Image tags

> Use image tags to control image selection and prioritization in Voyado Elevate.

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](/elevate/docs/integration/catalog-imports/format-overview#images).

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

<Warning>
  Image tags can not be used for [content images](/elevate/docs/integration/catalog-imports/import-examples#adding-content).
</Warning>

## Image tag prioritization

In the [Default settings section](https://help.elevate.voyado.com/hc/en-gb/articles/27611266063132-Settings#default-settings) <Icon icon="external-link" size={12} /> of the [Settings tab](https://help.elevate.voyado.com/hc/en-gb/articles/27611079263004-Working-with-image-tags-image-types-and-image-order#how-to-prioritize-images-in-the-experience-app) <Icon icon="external-link" size={12} /> 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](https://help.elevate.voyado.com/hc/en-gb/articles/27611164840092-Category-Landing-pages) <Icon icon="external-link" size={12} />.

<Note>
  Only tags that are currently available in the catalog can be selected. If a tag is removed from the catalog, it will also be removed from the app.
</Note>

<img src="https://mintcdn.com/elevatedocs/q1sOaE-c8wYA2WNw/elevate/img/guides/image-tags/default-image-prioritisation-order-1514x800.png?fit=max&auto=format&n=q1sOaE-c8wYA2WNw&q=85&s=3df966af6906a37dffc705e34c0130fd" alt="Experience app setting of image type prioritization" width="1514" height="800" data-path="elevate/img/guides/image-tags/default-image-prioritisation-order-1514x800.png" />

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.

<img src="https://mintcdn.com/elevatedocs/U2rlNuBdHmV1mTwc/elevate/img/guides/image-tags/esales-lifestyle-image-tag-hero-757x425.jpg?fit=max&auto=format&n=U2rlNuBdHmV1mTwc&q=85&s=7381bc119c649baa24e7789e9ed6c676" alt="Hero image used as prioritized image" width="757" height="425" data-path="elevate/img/guides/image-tags/esales-lifestyle-image-tag-hero-757x425.jpg" />
