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.


  • Profile Image

    Enlarge images on product listing

    Asked by laundrycare on September 04, 2015 at 11:03 AM

    Is there any way to make the product images larger on this form:

     

    http://www.jotform.com//?formID=52425780501955

    Page URL:
    http://www.jotform.com//?formID=52425780501955

    JotForm product www product images
  • Profile Image
    JotForm Support

    Answered by Charlie on September 04, 2015 at 12:59 PM

    Hi,

    To confirm, you would like to make the images larger on the actual form? Or only when it is clicked and viewed?

    I cloned your form for testing and demo purposes, you can check it here: http://form.jotformpro.com/form/52464956562970? 

    I used this custom CSS code to make it larger, you can adjust the value of the width with your own preferences.

    .form-product-image, .form-product-image-with-options {

        width: 200px !important;

        height: auto !important;

    }

    You can add the CSS code under the CSS tab in your Form Designer Tool.

     

    Do let us know if you need further assistance on this.

  • Profile Image

    Answered by laundrycare on September 04, 2015 at 04:59 PM

    This is perfect - thank you!

  • Profile Image
    JotForm Support

    Answered by jonathan on September 04, 2015 at 05:29 PM

    On behalf of Charlie, you are quite welcome.

    If I may add, in case you are not aware, there is also a Product Lighbox Widget which enlarge the product image when clicked on.

     

    Here is a demo form you can try http://form.jotform.co/form/33604136500846?

    Feel free to contact us again anytime for any assistance you need on JotForm

  • Profile Image

    Answered by Danielle on September 09, 2015 at 12:50 PM

    Ok I have the cloned form but it appears that we used the incorrect payment widget for that particular form (my bad!). Can you make the images larger on this form:

    http://form.jotformpro.com/form/52436685576973

  • Profile Image
    JotForm Support

    Answered by Charlie on September 09, 2015 at 02:06 PM

    Hi,

    You can still use the previous CSS code that I shared earlier:

    .form-product-image, .form-product-image-with-options {

        width: 200px !important;

        height: auto !important;

    }

    But I went ahead and cloned your form and applied the CSS code directly there, here's the cloned form: http://form.jotformpro.com/form/52515205561953? 

    Let us know if you need more information on this.