Docs

[sguilliard]

I have the exact same problem detailed in this, now closed, thread, but none of the solutions work:https://community.theme.co/forums/topic/essential-grid-lightboxpopup-links-wont-work/page/2/

The problem is clearlt demonstrated on this page: http://steppingstones.aardvarky.com/landlords/ – Click ‘Buy To Let’ or ‘Overseas Landlords’ after having previously clicked anythign else on the page to replicate the problem.

The number of ‘extra’ tabs/windows opens seems to correlate directly to the number of ‘clicks’ on the page prior to a link inside a lightbox being clicked.

[sguilliard]

This reply has been marked as private.

[Nabeel A]

Hi There,

Thanks for writing in! I checked your lightbox links and popups are displaying fine but they appear after some delay, to fix this delay issue you can display a loading message with an overlay. To achieve this add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.eg-ajaxclicklistener').click(function(){
		var loader = '<div class="loader"></div>';
		$('body').append(loader);
		$(document).ajaxSuccess(function() {
			if($('.eg-ajax-closer-wrapper').length) {
				$('.loader').hide();
				$('.loader').remove();
			}
		});
	});
});

Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: 9999;
}

.loader:before {
    position: relative;
    width: 100%;
    height: 100%;
    top: 40%;
    left: 40%;
    z-index: 99999;
    content: 'Please Wait';
    font-size: 40px;
    color: White;
    text-align: center;
}
body {
    position: relative;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[sguilliard]

Thanks, but I think you misunderstand my problem; it’s not the delay with the lightbox opening.

The problem is the hyperlinks inside the lightboxes are opening multiple windows and none of the solutions offered in the other thread I referred to have worked.

[Rue Nel]

Hello There,

I am another staff checking on this thread! I went ahead and did some further investigation. I found out that you have inserted an invalid attribute. Please check out this screenshot: http://prntscr.com/d8pne9

And then the other button, you have link it to a pdf file. It would be normal that it will open a new tab because most modern browser will display a pdf file.

Hope this helps.

[sguilliard]

Hi, thanks for pointing out the typo.

The problem isn’t that links open in a new window (as you may have spotted from the misstyped ‘target’ attribute, this is exactly what is intended), the problem is that one click opens MULTIPLE windows/tabs.

[Rue Nel]

Hello There,

Thanks for the updates! I have tested the page in question again. When I click on the read more, the lightbox opens up. When I click on the read more (within the contents of the lightbox), only one tab is open and it contents the contents of the link of the read more button. Could you please verify and give further clarifications?

Thank you.

[sguilliard]

No, it definitely opens up more than one tab/window. The more clicks on the page (for example, if clicking on alternative grid boxes such as ‘Overseas Landlords’ and then ‘Buy to Let’) the more tabe/windows will be opened.

[sguilliard]

By the way, which browser are you using? I have noticed that the ONLY browser where this problem doesn’t occur is Google Chrome (on both PC & Mac). All other browsers exhibit this problem…

[Rad]

Hi there,

I checked in all other browsers on my end and I don’t see multiple windows. But does slow displaying the window. Is it the popup or an actual window?

Would you mind providing a video recording? Could it be your browsers are infected by adware or similar? Your grids are configured to display popup and not window, and it’s correctly working on my tests.

Thanks!

[sguilliard]

OK, this is getting frustrating now…

Please follow these steps…

1. Go to http://steppingstones.aardvarky.com/landlords/
2. From the six grids displayed, select ‘Overseas Landlords’ (click ‘read more’)
3. Inside the ‘lightbox’ (modal window) that pops up, you will see the another button after the text ‘For further information consult HMRC at:’ marked ‘Read more’ – Click this button
4. You will now see that the link in step 3 opens multiple tabs/windows (depending on how your browser is set up to display hyperlinks)
5. Repeat step 2 with the ‘Buy to Let’ gridbox, and the ‘More Info’ button found inside the lighbox that opens

If the above isn’t clear then I’ll screencast a video but I cann;t see how this should be necessary, especially as in my very first post I clearly stated that I was havign the same problem outlined in another post and that the solutions were not working for me (please go back and read the posts properly)

[sguilliard]

Here’s the screencast…

[sguilliard]

Here’s the screencast…

https://vimeo.com/192552121

[Lely]

Hello There,

Thank you for the screencast. Please check this thread:https://community.theme.co/forums/topic/open-new-tabs-from-link-in-ajax-lightbox-on-essential-grid/#post-1134592

[sguilliard]

Ok, the problem isn’t with being able to open hyperlinks from within the lightbox (as you can see from the screencast, this already happens). The problem is with trying to prevent multiple windows being opened.

This thread here offered a solution to this (which seemed to work for the original posted) which doesn’t seem to work: https://community.theme.co/forums/topic/essential-grid-lightboxpopup-links-wont-work/page/2/

[Author]

Posts