Product List: Image Size and Auto Scaling Images

comment adapte le photo de produits dans le carre

Hi wenze,

Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. The images shown on the product list have their size automatically cropped, but the dimension of the frame is 227x167. With this dimension and multiples of it, you shouldn't have the problem of the image not fitting in the frame.

Are you trying to resize the images in your product list? I checked the form, and you can enlarge the image on the product list by click on the image itself, since the option “Clickable Image Preview” is turned on.

Now if you want to enlarge the image by CSS then it is possible as well. Please adjust the height and width as per your needs.  Please use this code:

.form-product-image-with-options 

{

  height : 200px;

  width : 200px;

}

Here is how to do it:

• In Form Builder, click the paint roller icon to get to Form Designer.
• Go to the Styles tab and scroll down to Inject Custom CSS.
• Input the code provided above in the text box. All changes are automatically saved.

Give it a try and let us know how it goes.

The problem is the same, if the image is still too big when I preview it

Hi wenze,

Thanks for getting back to us. Can you please input this CSS Code into your form?

.form-product-image-with-options 

{

height : 150px;

width : 150px;

}

Here is the result:

Give it a try and let us know how it goes.

Hello. Why is this option no longer available?

Hi wenze,

Thanks for getting back to us. When I tested your form, the same thing happened, so I created a ticket about it and escalated this to our Developers. Please note that we cannot provide and exact date as to when this will be fixed, but rest assured that we will keep on working until it is resolved.

Thank you for your patience and understanding.

Hi wenze,

Thanks for patiently waiting. We have escalated to our Developers Team the issue of auto-scaling images not showing on the product list. We need just a bit more time to come up with a solution. Furthermore, we’ll get back to you as soon as we have one.

We really appreciate your patience and understanding. 

Thank you.

Hi wenze,

The issue has been resolved. Kindly check it out and let us know if you encounter any further issues.