Product Image zoom/hover

  • Profile Image
    FingerPrintCustoms
    Asked 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

     

  • Profile Image
    EltonCris
    Answered 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
    lucyimage
    Answered 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
    ashwin_d
    Answered 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
    EltonCris
    Answered 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!