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

    Product Image zoom/hover

    Asked by FingerPrintCustoms on November 29, 2013 at 02:25 AM

    Hey Support,

    is it possible, in the direct order tool, that the product picture "hovers", (get bigger) when you pass it via the mouse?

     

    Regards

    Jan

     

    picture product tool
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 29, 2013 at 04:18 AM

    Hi Jan,

    You can try it with this,

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

    height: 170px;

    width: 150px;

    }

    Just inject this to your form. How to Inject Custom CSS Codes to your Form

    Feel free to edit the width and height values as bolded on the code.

    Thanks!

  • Profile Image

    Answered by lucyimage on March 10, 2014 at 10:33 PM

    i have seen on other forums, it is possible to make image larger once you have your mouse over. but how to make it happen. will the traditional image zooming method be implemented in this situation to help zoom web image? any help would be appreciated.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 11, 2014 at 03:44 AM

    Hello lucyimage,

    Upon checking your account, I did not find any form.

    Yes it is possible to have the zoom effect in the product image by injecting the custom css code mentioned in my colleague's answer above.

    This is the example form:  http://www.jotformpro.com/form/40692180418959

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    I would suggest you to open your own thread if you have any other questions.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by EltonCris on March 11, 2014 at 04:35 AM

    Hi Guys,

    In addition to my colleague, we already have widgets that would enable you to zoom all the product images. Check this: http://widgets.jotform.com/widget/product_lightbox

    Cheers!