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

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.

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.

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.

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

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.

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.

Updated on: 03/11/2026