Product Lightbox widget: Images appear outside of visible area when form is embedded on a page

  • Profile Image
    cheekyherbs
    Asked on May 31, 2016 at 02:54 AM

    I have been using your form successfully for some time for wholesale customers. It would be great if they could click on the image, or the title, and a pop up window take them to the full description of the product (ie a url link to the product description our website).

    Can't seem to find anywhere that this might be possible - is it?

     

  • Profile Image
    beril
    Answered on May 31, 2016 at 03:50 AM

    Actually, it is possible with Jotform. We have a wonderful widget which is product lightbox issue. I think, it is exactly what you need.

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image
    cheekyherbs
    Answered on May 31, 2016 at 04:21 AM

    It's a great widget and very easy to use. Thanks for pointing it out. Unfortunately in my case it is not suitable - I have many products and the lightbox vertically centres itself to the list. So if a customer clicks on the top pic all that happens is that the screen goes dark - you then have to scroll down to find the image.

    But thanks a lot for the heads up, I may find a use for it another time.

  • Profile Image
    Boris
    Answered on May 31, 2016 at 05:47 AM

    The Product Lightbox widget should display the images at the part of the screen where the user has scrolled to, as can be seen by opening your form directly:

    https://form.jotform.co/form/42668338246867

    I believe you are having issues when the form is embedded on a website, because it seems to be working fine when the form is opened directly. I see your form is embedded here:

    http://www.cheekyherbs.com/g/1256795/wholesale-order-form.html

    Unfortunately, once embedded on a website, due to security restrictions the form cannot detect the part of the screen user is actually viewing, which is why the Lightbox shows in the wrong place. It can only detect things inside the iFrame of the form, and it doesn't get the screen position of the user on the actual website (cheekyherbs.com) outside of the iFrame.

    Let me raise this issue to our developers for closer inspection, to see if we can come up with some kind of workaround to display the Lightbox correctly even when embedded through iFrame. We will update you through this thread if there are any news regarding this. Thank you.

  • Profile Image
    cheekyherbs
    Answered on May 31, 2016 at 10:25 PM

    I see that, it is an embedding thing. I won't use it for now, I don't want my customers leaving the website, would rather embed the form. Thanks so much for putting it on your to do list, it will definitely make a difference between me using it or not. Best regards.

  • Profile Image
    Chriistian
    Answered on June 01, 2016 at 12:02 AM

    On behalf of my colleague, you are most welcome. We currently do not have any updates from the developers. Rest assured we will let you know on this thread once we have any news from our developers. Regards.

  • Profile Image
    TitusN
    Answered on June 21, 2016 at 03:27 AM

    We've improved the lightbox widget to center the image properly. 

    Please check - let us know if we can improve it further. 

    http://www.cheekyherbs.com/g/1256795/wholesale-order-form.html

    Cheers! 

  • Profile Image
    cheekyherbs
    Answered on June 21, 2016 at 03:47 AM

    That's perfect for us and already being tested and working on our new website to be launched next month.

    If you want a new idea, it would be great to be able to have a pop-up page link when you click on each product. So if our bulk-order customers want more information it takes it straight to the website page without risking losing their order to date.
  • Profile Image
    Welvin
    Answered on June 21, 2016 at 06:20 AM

    That's great to know and thank you for updating us. 

    For the popup page link, I have moved that into a separate thread. Here's the link: https://www.jotform.com/answers/865380