> 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

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fuifix1QmYAiDFHWxqrYQ%2Fvideo-28.gif?alt=media\&token=b2b8f10f-7e6c-48b7-a6ac-006294f6441f)

## 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.

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FUKXTSrGPT72bxzVEsWRd%2Fvideo-27.gif?alt=media\&token=80e3522e-77a8-4f43-b4d2-c04bd60dc268)

## 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 %}

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FutYThMuS5GHNKy3w7GLz%2Fvideo-29.gif?alt=media\&token=d6028ada-1c16-46d0-8072-49eb9a1dfdd8)

## Product Image Loading Effect

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F9op5Y55HmfBfedaEmuQI%2Fvideo-30.gif?alt=media\&token=cd279b25-5fe2-45d2-8c23-5ebf3717281a)