Product List: The Image of the product is very small

Mir ist noch ein großes Problem aufgefallen, dass ich unbedingt beheben möchte..

Sobald der Kunde sich nur das Bild des Weines groß anschaut, hat er es auch schon die 1 Flasche zum Kauf ausgewählt, was überhaupt nicht sinnvoll ist, denn der Kunde hat ja das gute Recht, sich nur das Bild anzusehen, ohne es zu kaufen.. - Bitte um Hilfestellung!

Hi Johannes,

Thanks for reaching out to Jotform Support. Unfortunately, our German 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 German, 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. I understand that your clients want to click on the image to zoom in the image. They can also remove the check after they select it. However, I checked your form and noticed that you have a CSS code for your product list image size. You can adjust the image size to be more visible. Let me show you how:

• Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
• Under the Styles tab, paste the code below into the Inject Custom CSS area.
• You can find the code for the product list image size and you can adjust it:

Give it a try and let us know if you are looking for something else.

Das hat leider überhaupt nichts mit meinem Problem zu tun.. Heißt das, es gibt keine Möglichkeit, dass der Nutzer das Bild vergrößert, ohne dass es in den Warenkorb kommt?

Hi Johannes,

Thanks for getting back to us. You can add a CSS code to enlarge the product list image with mouse hover. This will meet your requirements. Let me show you how:

• Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
• Under the Styles tab, paste the code below into the Inject Custom CSS area.

.form-product-image-with-options:hover {

  

width:300px !important;

height:500px !important;



}

Check out the screencast below for the steps and the result:

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