# Add Hero Image
#### The Role of Hero Images
* **Thumbnail Display:** Hero Image 1 is used by default as the product's thumbnail across the entire system.
* **Data Mapping:** This is the most vital feature. By adding Hero Images to a product, the Editor receives the necessary input data to execute the Map Data command. Product images will be automatically "poured" into the corresponding frames within a Template, eliminating the need to manually drag and drop each image.
#### 🔹 Step 1: Access the Product Details Page
* Open the **Product Page** for the item you wish to edit.
* Ensure you are on the **Details tab**.
#### 🔹 Step 2: Open the Information Editor
* Click the **pencil icon** located next to the product name to open the detailed editing dialog.
#### 🔹 Step 3: Add Hero Images
* In the resulting dialog, scroll down to the **Hero images** section and click the **Add Hero Image** button.
* **Maximum Quantity:** Currently, the system allows you to select up to 2 Hero Images per product.
* **Selecting Images:** You can select PNG or SVG files from the existing library by enabling the Select Asset toggle.
If you have any questions, don't hesitate to ask, we're always here to help!
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://support.hivo.co/products/add-hero-image.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.