Can anyone tell me what is the code to increase the size of product image in the checkout, screenshot attached?

Ask the community
1

:rocket: 2026 Updates: Adjusting Checkout Image Sizes

Changes & Current Status:

  • If you are looking to increase or adjust the size of the product thumbnail images within your checkout form’s Product List, custom CSS is still the recommended and official way to achieve this exact pixel control.

Up-to-Date Information for Adjusting Image Sizes: You can easily override the default thumbnail size by adding a quick CSS snippet to your funnel step.

How to Apply the Custom Code:

  1. Open your checkout step in the Funnelish visual editor.

  2. On the left-hand menu, navigate to Step Settings (the gear icon) and select Custom CSS.

  3. Copy and paste the following authorized snippet into the CSS box:

CSS

.product-list .pl-item .pl-image {
 height: 80px !important;
 min-width: 80px !important;
}

(Tip: You can change the 80px values to 100px or larger depending on how big you want the thumbnails to appear. Just make sure to keep both values the same so your images remain proportional!)

  1. Save your changes and preview the live page to see the new image sizes.

Related Articles & Resources:

image
image286×560 36.6 KB

2

Hi @Muhammad_Talha_Khan , please see this thread for how to do this: Change image size on that product list - #2 by fathx