When enlarging a product picture, it appears wrong on site

  • Profile Image
    Asked on December 04, 2017 at 01:40 PM

    When I enlarge a product picture, it will pop-up at the middle of the form I think, is it possible to have it pop-up on the place you`re at on the form, so you don`t have to scroll up or down to find it and see it ?

    I´ve uploaded a screenshot, which shows how the user see it when he wants to see an enlarged picture of the last product. Then he has to scroll up to see it. 

  • Profile Image
    Answered on December 04, 2017 at 04:50 PM

    You can use "Hover" attribute on your image to auto enlarge it when the mouse is pointed at the image.

    Try adding the code below into your custom CSS.

    .form-image:hover {

        width: auto !important;

        height: auto !important;


    You can change "auto" from the width and height (ex. 300px) if you wish to.

    Here is an example form which I cloned from you.


    Let us know if you need further help.

  • Profile Image
    Answered on December 05, 2017 at 12:20 AM

    Thank you, it works perfect, but when I put it on my site it doesn`t work, and I guess it is because I use Iframe to embeed it, is there anyway to get it to work with that also ?

  • Profile Image
    Answered on December 05, 2017 at 03:34 AM

    Hello @zapin - I failed to see any embedded forms on the URL you provided in your first post https://sparmad.com/

    Can you please share the page URL within your domain where we can see the embedded form that shows the issue?

  • Profile Image
    Answered on December 05, 2017 at 11:59 AM

    Problem is fixed when I stopped using Iframe, thank you.