---
title: "Product photos"
description: "Choose product photos from the Unipage photo library, have them suggested in one go for your whole range, and decide how each photo appears in the tile and on the detail page."
url: "https://unipage.be/en/support/webshop/getting-started/product-photos"
---

# Product photos

A good photo sells. On the webshop, your customer sees each product twice: as a **tile** in the product overview (square, 1:1) and large at the top of the **product window** that opens when they click it (widescreen, 16:9). You don't have to take all those photos yourself: the Unipage photo library contains hundreds of professional photos of chips, snacks, sauces, drinks, sandwiches, burgers and bickies, pizzas, dishes, soups, desserts and ice creams. You choose them per product on the product page, or you have them suggested in one go for your whole range.

## Fit or fill

Each photo has a display setting per frame:

- **Fill**: the photo fills the whole frame and is cropped at the edges. Nice for atmosphere photos, such as a plate of beef stew on a table.
- **Fit**: the whole photo stays visible, with white space where needed. Necessary for cut-out product photos on a white background (a can, a frikandel): fill would cut off the top and bottom in the widescreen frame.

You set this separately for the tile and for the detail page. If you choose a photo from the library, the product immediately takes over the correct display setting of that photo.

## Choosing a photo on the product page

1. [Open Products on the management page](https://beheer.unipage.eu/deeplink/producten), click the category and then the pencil icon next to the product.
2. Hover over the photo in the preview on the right (Right) and click the library icon (Choose from library). The **Library** window opens, with the photos that best match the product name at the top, followed by the rest of the library.
3. Search by name (for example frikandel, pizza, cola), filter by category, or switch the supplier lists Bicky, Mora and Vanreusel on or off.
4. Click a photo. It appears in the preview straight away, together with its display setting.
5. Click **Save**.

If you want to adjust the display setting yourself, click **Crop** (Uitsnede) above the photo. You see the tile and the detail page side by side. Click a frame to switch between fit and fill, then save the product.

## Photos for your whole range

On the **Images** page, you do the same for many products at once. You can open it in two ways from the product overview:

- Click **Assign photos** (Foto's toekennen) without ticking any products. You get all products without a photo from the category that is open on the left, or from your whole range if All products is open.
- Tick products, click the three dots and choose **Images**. This way you also include products that already have a photo.

Each card shows one product: the title, the photo as it appears on the tile and as it appears on the detail page, and the actions at the bottom. Opening the page doesn't change anything in your products.

1. Click **Suggest images** (Afbeeldingen voorstellen). For each product for which the library has a certain match, that photo appears on the card with the label **New** and a blue title bar. By default, this only happens for products without a photo. Turn on **Replace existing photos** (Vervang bestaande foto's) to also have products with a photo replaced.
2. Check the cards. Click a tile or detail frame to switch between fit and fill. If you want a different photo, click **Other** (or **Choose photo** (Kies foto) for products without a suggestion) and choose from the library. Use the bin icon to remove a product's current photo.
3. Each card with a change has the label **Edited** (Bewerkt). Click it to reset that card, or click **Undo all** (Alles ongedaan maken) at the top.
4. Click **Save** (or press Cmd+S / Ctrl+S). Only then are the photos and display settings saved. The cards turn green.

*From two products without a photo to saved photos: Suggest images, set the detail frames to fill, and Save.*

**Step 1**
![The Images page with two products without a photo. At the top right is the Suggest images (2) button.](https://unipage.be/storage/support/screens/webshop-afbeeldingen-1.png)
The Images page with two products without a photo. At the top right is the Suggest images (2) button.

**Step 2**
![After Suggest images: both cards show the suggested photo with the labels Edited and New, and the score. The detail frames are set to fit.](https://unipage.be/storage/support/screens/webshop-afbeeldingen-2.png)
After Suggest images: both cards show the suggested photo with the labels Edited and New, and the score. The detail frames are set to fit.
- Click Suggest images

**Step 3**
![Clicking the detail frame of Julientje sets that frame to fill: the photo fills the widescreen frame.](https://unipage.be/storage/support/screens/webshop-afbeeldingen-3.png)
Clicking the detail frame of Julientje sets that frame to fill: the photo fills the widescreen frame.
- Click detail frame of Julientje

**Step 4**
![The detail frame of Bakje friet is now also set to fill. At the top right, Save (2) is ready.](https://unipage.be/storage/support/screens/webshop-afbeeldingen-4.png)
The detail frame of Bakje friet is now also set to fill. At the top right, Save (2) is ready.
- Click detail frame of Bakje friet

**Step 5**
![After Save, both cards turn green and the message Images saved: 2 products custom appears.](https://unipage.be/storage/support/screens/webshop-afbeeldingen-5.png)
After Save, both cards turn green and the message Images saved: 2 products custom appears.
- Click Save

With **Smart crop** (Slimme uitsnede), you let the display setting of your existing photos be determined automatically: a cut-out photo on a plain background becomes fit, an atmosphere photo becomes fill. This is also only final after Save.

## How the suggestions are made

The library searches on the product name (Dutch and French), and takes the category and the product info into account. A few examples:

- "Kleine friet", "Friet klein" and "Frietjes S" all find the same photo; "Curryworst" and "Frikandel" do too.
- "Mexicano" in the Snacks category gets the snack, in the Sandwiches category the sandwich.
- A product marked as vegetarian or vegan never gets a photo with meat or fish.
- If a product already has the best matching photo from the library, no new suggestion appears.

If you get no suggestion or a wrong one, a clear product name helps most ("Frikandel XXL" instead of "XXL"), together with the right category and the right vegetarian marking under Allergens and product info. You can always choose a photo manually via **Other**.

> **Good to know:** Nothing is saved on the Images page until you click Save. Until then, you can undo suggestions, crops and removals per card or all at once.

You can read more about categories, product pages and the other fields in [Product management](https://unipage.be/en/support/get-started-now/product-management). You set the vegetarian marking and allergens as described in [Allergens and product info](https://unipage.be/en/support/get-started-now/allergens-and-product-info).

---
*This is a markdown version of [https://unipage.be/en/support/webshop/getting-started/product-photos](https://unipage.be/en/support/webshop/getting-started/product-photos) for AI/LLM use. Every page on https://unipage.be is available as markdown by appending `.md` to the URL; see also [https://unipage.be/llms.txt](https://unipage.be/llms.txt).*