Open Modal on hover

[tapper65]

Hi, I have tried to implement an “open on hover” using JQuery as per your link CSS/JS needed to make Content Area Modal element open on hover? but I can not seem to get it to work.

My staging site is https://loving-tu.77-68-9-139.plesk.page/

Please can you advise.

Many thanks
Steve

[tristup]

Hi Steve,

Thanks for reaching out.
You need to change the code as per the current structure and that would something like the following one. After adding an ID to the modal which is abcd in this case.

jQuery('.x-anchor').on('mouseover',function()
{
    jQuery('#abcd-anchor-toggle')[0].click();
});

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
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 really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[tapper65]

That’s great and many thanks
Steve

[prakash_s]

Hello Steve,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks