> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/halo-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/halo-docs/theme-settings/product-card/product-media.md).

# Product Media

![](/files/4srSNGDvkS3EAfhqBzZf)

## Product Image Swap

**Product Image Swap** is a feature which allows adding a product image hover effect. In other words, it flips or changes a product image on hover.

![](/files/wR63vvTVctZPRlOGbMts)

## Product Video Swap

**Product Video Swap** is a feature which allows adding a product video hover effect. In other words, it plays a product image on hover.

{% hint style="info" %}
This feature works with products having MP4 video only.
{% endhint %}

![](/files/xxkZVTmIzq984iRErZxa)

## Product Image Loading Effect

![](/files/EKCDHcZBVEoG5giEdgQi)