> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/custom-fields/products/general/hover-image.md).

# Hover image

With this product-specific custom field you can add an additional hover image to the product listing. It is displayed when the mouse is moved over the cover image.

{% hint style="info" %}
**Note**: You can enable/disable the hover effect in the theme configuration.
{% endhint %}

{% hint style="success" %}
**Guide**: You can find a step-by-step guide in the ThemeWare® Wiki: [Setting up a hover image in the listing (second product image)](https://knowledge.themeware.design/knowledge-base/tutorials/categories/hover-image-in-listing)
{% endhint %}

***

## Custom field

You can find the "Hover image" custom field in the respective product:

> Tab "Specifications" ⇒ Block "Custom fields" ⇒ Tab (Set) "Products (ThemeWare® ... Pro)"

**Type**: Media selection

**Technical name**: `twt_{theme}_{edition}_custom_field__product__hover_image`