What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Thumbnail image beside ecommerce productsAsked by abdigital on November 27, 2012 at 05:00 AM
Hi, is it possible where I have checkboxes for people to select to buy products using the ecommerce system, can I include a thumbnail of the product beside it possible giving the option to click on the image for a larger picture of it?
Yes, it is possible to add a thumbnail image for your products. But there's no option for Zoom In and Zoom Out.
You just need to insert direct URL of the image while setting up your product items;
Example Payment Form with Images: http://form.jotformpro.com/form/23152169049958?
Thats great thanks, does the image need to be a specific dimension or will it display any size I make it?
Our form builder will automatically resize the image to the same sizes by default. You can adjust the sizes by injecting custom CSS codes;
width: 35px !important;
height: 35px !important;
Thats fantastic thankyou
You are welcome. Cheers!
Is there any way to modify that image size via the wizard? By tweaking the code, it makes us then have to alter that embed code every time we add a product - changing every image size from the standard 50x50 to our chosen larger size 100x100.
Is there a way in the wizard to give us the option as to what size the image will be and apply that across the code? It would save us TONS of time by then letting us use the simple jotform link to the form instead of having to copy the embed code, find and replace all instances of 50x50 with 100x100 then ebedding that code.
I request you to please create a new thread for your issue. We always maintain single user/issue per thread. So Please post your question in a new thread here.