Please check out the video published using Video Lock at nixray.com.
When you click the close button, all the content on the page behind the video disappears!
Hello There,
Thanks for writing in! I can confirmed that this issue is happening in your site. This could be caused by a 3rd party plugin. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
If the issue still exist, please re install X theme and Cornerstone. There might be some files that were corrupted. You can review our update guide and see the Manual Update section to re install X.
Please let us know how it goes.
Thank you. It appears to be the Superfly menu, one of your X-approved plugins. How can we fix this?
I see you’re using W3 Total Cache. Please purge all caches and completely remove it then test again. See https://www.shoutmeloud.com/how-to-delete-uninstall-w3-total-cache-wordpress-plugin.html to learn how to remove it completely or contact W3 Total Cache support.
If that doesn’t help, please deactivate all third party plugins and remove customizations then give us access to your WordPress admin and FTP in a secure note.
I know you said the conflict is with Superfly. We’ll investigate that. But first, we need to ensure there’s no interference from external factors such as customizations and optimizations especially caching.
Thanks.
It’s not that plugin. I already told you which plugin it was. I determined this by disabling all plugins as you requested!
It is clearly Superfly.
Hi,
Would you mind providing us with login credentials so we can take a closer look? Please provide following information:
Set it as Secure Note
- Link to your site
- WordPress Admin username / password
All the best!
OK. You can temporarily disable W3 but you won’t be able to use the Purge from Cache command, which that plugin provides. Or, you can append unique query strings to bust caches.
Hello There,
After further investigation, I found out the SuperFly menu is causing the issue. When it is active, you will encounter the issue. As soon as you deactivate it, the close button works out perfectly. Please test your site again when SuperFly is active and deactivated. You will see the difference.
Please let us know how it goes.
Hi, there,
Video Lock adds and removes some inline style to <html> and <body> tags. It seems some plugin or content needs a <body style="display: block;" > that is removed.
To temporarily fix this behavior, edit the extension file:
wp-content/plugins/tco-video-lock/views/site/video-lock.php
And add after line 155
$('html, body').removeAttr('style');
$('body').attr('style', 'display:block;'); // << line added
We’ll adjust this behavior on the next version of the plugin to avoid any conflicts.
Thanks!
Thanks, but that didn’t do it. It seems that if the style tag is removed, it can’t be subsequently changed. So I commented out the first line in your code block, and it works, since overwriting the style attribute accomplishes the same effect.
I’d like to point out that there is an important feature missing - is there a way to make the button under the video work like the close button? Right now, we are forced to use a URL, and if I put the same URL as the page the video is on, well, the video will pop back up after clicking that button. This forces us to have to use two pages with this plugin, which makes things a little more complex than they have to be.
Or, simply don’t force us to use button text and link (leaving the fields blank produces an empty, but still visible, button). I had to use custom css to hide it, and make the close button more visible.
Hi, there,
Great update. We’re changing a bit the behavior on next version to use $('html, body').css({ 'overflow' : '' }); instead of $('html, body').removeAttr('style'); to remove the style without removing the entire style. This seems to work better with other plugins (although we can’t address all cases).
About your the feature suggested, it’s now on our list for further implementation.
Thanks!
Thanks, that’s great.
I was thinking about the plugin some more just now, and realized what it was that didn’t make sense UX-wise… if the CTA button under the video currently only works to go to a different URL, it is useless to put anything else on the page with the video, beneath the video layer (unless the video is delayed a long time so the user can first interact with the page - but once that video pops up, the big bright CTA button will preempt the smaller close button, so the user can’t continue viewing that page). The feature I suggested will take care of this too.
Hi There,
You’re welcome!
Thank you for the feedback. Although, that’s the reason why there’s an option Button Delay (s) so that we can delay the the button display. The user can focus on the video first. This will be under discussion before we implement changes but we do appreciate the feedback.
Cheers.
You didn’t understand. The button delay feature has nothing to do with this. The fact that you can only go to different urls from the button obviates the purpose of having any content on the page under the video. Since, when you click the button, they’re no longer on that page! The page’s content is essentially in limbo, and only useful before the video pops up.
Hi there,
You can always use that button as the CLOSE trigger. Example, instead of add URL in Button Link option, you can simply add this as the URL.
javascript:jQuery('html, body').removeAttr('style'); jQuery('.x-video-lock-overlay').remove();
Adding javascript: in HREF instead of URL is the same as binding CLICK event to a <a></a> element.
Thanks!
That’s a good workaround.
Glad we could help.
Cheers!