Enlarge images on product listing

  • Profile Image
    laundrycare
    Asked on September 04, 2015 at 11:03 AM
  • Profile Image
    Charlie
    Answered 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
    laundrycare
    Answered on September 04, 2015 at 04:59 PM

    This is perfect - thank you!

  • Profile Image
    jonathan
    Answered 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
    Danielle
    Answered 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
    Charlie
    Answered 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.