LightBox Hiding Issue.

Ask the community
,
1

Hello Everyone,
Here, I am sharing some points regarding the issue or understanding my site.

  1. I have created a lightbox for creating a vertical menu.
  2. When we click on the menu the lightbox is hiding. I want, the lightbox does not hide at the time of click.
    For better Understanding I am sharing the video link, so please check the link and suggest to me for a better option.
    menutask.webm
    Thank You.
2

So basically what is happening is that when the page loads the lightbox will appear slightly afterwards on the left hand side, then you click the required page button in the lightbox, the lightbox is closing and the user is taken to the page selected, then the lightbox is shown again after the new page has loaded, correct?

Well, that is how it is designed to load, page loads first and then the lightbox appears after the page has finished loading.

You can try putting a lightbox show function within your pages onReady function like this

import wixWindow from 'wix-window';

$w.onReady( () => {
wixWindow.openLightbox("LightboxName");
});

Or look at pinning your lightbox to your page if it allows it.

So something like this, however it must be an element on your page and not a lightbox.

Or you can simply look at making that vertical menu an actual feature of your website pages and have it setup to show on all pages on the left hand side, or again pin it to screen as shown above. This way it will always load up with the page itself and if needed, you can always collapse or hide it if you need more room to show things on the page.

If you use code for that vertical menu, then just remember that if you add it to the site code that it will apply to all your site, whereas if you just put it in the page code then it will apply just to that specific page, - which is ideal when you want to hide it on a page for some reason.