> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.cartpanda.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Image by product

If you want to display a **specific image depending on the product in the checkout**, you can configure this option.

In this article, we show the **step-by-step process** to enable and adjust this feature.

# How to Configure Image by Product

First, go to: Admin > Checkout > Image per Product

![](https://storage.crisp.chat/users/helpdesk/website/-/6/2/6/e/626e5bed518e1800/image_13fzjzx.png =1170xauto)

On the next page, click **Add New Image by Product**.

You will also be able to **view or edit other sections that have already been created**.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/2/6/e/626e5bed518e1800/image_18bj2ap.png =1163xauto)

When adding a new section, you will need to provide:

* **Title**
* **Image** that will appear in the checkout
* **Display rule**
* **Products** that should trigger the image in the checkout

Then click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/2/6/e/626e5bed518e1800/image_ja8vx7.png =1029xauto)

### **Display Rules**

###### **Image will only show up when all selected products are added**

The product image will appear **only if all the defined products are present together in the checkout**.

###### **Image will show up when any of the products is added**

The image will appear **when at least one of the defined products is present in the checkout**.

|| if no product is selected, the image will be displayed for all products in the checkout.

# **How to Enable It in the Checkout**

After configuring the image and the products, it’s time to **activate the Image by Product section in the checkout editor**.

Go to:** Admin > Checkout > Edit Checkout > Add New Section > Image per Product**


![](https://storage.crisp.chat/users/helpdesk/website/-/6/2/6/e/626e5bed518e1800/image_1riptoo.png =1193xauto)

Done! The section is now active. 
Just click **Save**.

The product image should now **appear correctly in your checkout**.

# **Adjusting the Position in the Checkout**

You can change the **position of the section** in the checkout simply by **clicking and dragging the Image by Product tab to the desired location**.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/2/6/e/626e5bed518e1800/image_1bzn08m.png =378xauto)


You can also **edit the image design directly in the checkout editor**.

Done! **Configuration completed.**

Review your checkout to ensure that the image is displayed **as expected**.

---

If you have any questions, contact our team through the **platform chat** or send an email to [**suporte@cartpanda.com**](mailto:suporte@cartpanda.com).