Content area modal - graphic interaction

[rizziweb]

Hello,
I work on the product side with content area modal. Is it possible that when you move the mouse over the picture, the picture is enlarged?

Produkte - Lehner Leuchten Manufaktur GmbH

Many greetings Thomas

[tristup]

Hi Thomas,

Thanks for reaching out.

Regretfully, there is no such option to trigger the click event on mouseover/hover of the image, if you still want to achieve it, you need to add a piece of custom JavaScript code to Theme Options > JS.
The following code is a sample code which I tested in my test site and may help you to get the desired output.

jQuery('.x-anchor-toggle').hover(function()
{
    jQuery(this).trigger('click');
});

The above code will work if copied as it is and doesn’t conflict with any existing code.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

If you need any further customization, I would suggest you hire a developer who can assist you to do this customization or you can avail of our newly launched service called One, where the customization questions are answered.

Thanks

[rizziweb]

Hello,
Thank you for the fast answer. I entered the code. It’s not working optimally. When I open one picture, the other pictures don’t open anymore.

Greetings Thomas

[tristup]

Hi Thomas,

The code is a sample code and I tested it into my test site, and it works well. There might be some existing code that conflicts with that. I have tried the same code adding through the Browser debugging tool, and it works.
Please find the video below:
https://www.awesomescreenshot.com/video/1158923?key=4e684ed486df21f9522b9881c949b2cf

I will also suggest you go through the documentation for mouseover and hover in jQuery:

1. Mouseover: https://api.jquery.com/mouseover/
2. Hover: https://api.jquery.com/hover/

And If you are not familiar with the coding, please hire a developer who can assist you to do this customization or you can avail of our newly launched service called One, where the customization questions are answered.

Thanks

[rizziweb]

Hello,
it works fine with google chrome but not with firefox.
Thomas

[tristup]

Hi Thomas,

Although it has worked in Firefox to at our end, I would suggest you consult with a developer on this. As I have already mentioned that the code is a sample one and it varies case to case, and we can’t guarantee it works for you.

Please remember that we don’t offer investigation or support on any custom codes and related issues as it is beyond the scope of theme support.

Thanks

[rizziweb]

@tristup

jQuery

o.k. thank you very much…

Thomas

[tristup]

Hi Thomas,

You are most welcome