Lay Theme Forum

FYI whoever is interested. The JS error was now fixed and there is some effort spent to making it possible to detect videos automatically with Borlabs cookies, but thats still up in the air. WIth the short code approach detailed ubove it works like a charm no though, so there is a solution.

the website seems to load without https (at http://eugensorg.ch instead of https://eugensorg.ch) yet the images are linked with https -> https://eugensorg.ch/wp-content/uploads/2021/08/98IHRvP8aUsBArTiEGCK6u-265x176.jpg

The webserver does not provide a valid ssl certificate, so any resource loaded with ssl such as the images will not load properly.

Either way, you either have to do the website without or with ssl. A mixed use is usually not a good idea, as it leads to such issues as seen here.

This does not seem to be a laytheme error, but a webserver issue. if you install a proper ssl certificate the images should load fine. But then you also have to make sure the entire website is loading on https. Eg follow this discussion for details on the issue: https://wordpress.org/support/topic/how-to-move-a-wordpress-site-from-http-to-https/

MM

@Richard Thanks. Are there any updates? @Armin-Unruh any chance you can take a look at this?

I figured out the shortcode situation:

If I use a shortcode instead of the video element and use the following shortcode:

[borlabs-cookie id="youtube" type="content-blocker"]https://www.youtube.com/watch?v=LWNjX2d8wIg[/borlabs-cookie]<h4 class="_Caption">Video: B-Movie: Lust & Sound in West-Berlin 1979–1989</h4>

The I can activate in the Borlabs content-blocker settings Save thumbnails locally, Change URL to youtube-nocookie.com as well as Video Wrapper (in order for the video size to be responsive).

Then I have also added the following css:

div._brlbs-embed._brlbs-video-youtube {
	min-height: 350px;
width: 100%;
}

Which ensures that the content blocker, when shown, reserves som space (otherwise it was invisble for some reason, as the row didnt reserve the space accordingly).

With all this in place the content-blocker as well as the video show up properly and with responsive styling (and if you include the h4 tag also with caption).

Of course it would be great if the video tag would be automatically detected instead, so we wouldn't have to code. According to Borlabs support this can only be programmed by LayTheme and not by Borlabs.

Problem remaining:
The link issue which will prevent from any Borlabs links to function, which seems to be a LayTheme issue and which is unfortunately not solved by earlier LayTheme versions, as suggested by @Richard.
This means that if one chooses to not allow external media, the vides will be replaced with the content blocker screen (if you use the solution above), but the user will not have a way to deactivate the content-blocker, becaus the unblock link on the content blocker will not work and will lead to a JS error. When choosing to accept all in the initial cookie banner, the content is unblocked however.

My Best

Upon further investigation the suggested earlier version of LayTheme did not fix the link error for the content blocker. Also I have had another issue. Earlier I though instead of using the included Video element for the Gridder (which is not recognised as a video through Borlabs) I could use the shortcode elment instead to embed a video. But it did not work for the video to be responsive. I have tried to copy over the video markup from a video element and wrap that around a Borlabs content blocker shortcode, btu the completely messed up the layout.

So as it stands I am looking at two issues:

• Any links from Borlabs are not working in LayTheme (these are JS links that trigger the above jQuery error in LayTheme)
• The content blocker function of Borlabs does not cover the video element of the Gridder and cannot be replaced with a shortcode instead.

So I am looking for a way to circumvent the JS error through Borlabs links as well as a filter or some other way to inject the shortcode for the borlabs content blocker for video embeds.

Any pointers are more than welcome. I guess I am also willing to work with any other content blocking plugin that works with Laytheme. In order to work within a the law (DSGVO / GDPR) embeds of this kind (YouTube / Vimeo) always require proactive consent, so I would hope to support any kind of content blocking solution will be available for LayTheme. Otherwise I simply cannot use LayTheme anymore for any website that plans on embed these kinds of videos...

Thanks for any help with this.

My best,
Tobias

Thank you @Richard,

Off course, would be great if Borlabs could work with Laytheme, as consent management is kind of crucial for legal compliance.

I will retrieve the older Laytheme version via email and try it out with that for now.

Thanks so much for your response.

My best,
Tobias

Thanks, as far as I can tell the link issue is the same jQuery Error, unrelated to if this is the content blocker short code or the borlabs settings shortcode. Any link with href="#" seems to trigger this issue when clicked.

I can verify that I have the same issue. It looks like there is some JS listener conflict on links with a href="#". Borlabs is supposed to catch the links based on the classes, but instead this is triggering a JS error in jQuery. I am describing a related issue in this post as well.

This is also happening when using the Borlabs content blocker. Clicking on the content blocker to allow the content triggers the same error. Are there any pointers on how to make this compatible? It seems like the laytheme JS is catching the click event in a way that creates a conflict here.
I am trying to implement content blocking with laytheme and borlabs and this is a dead end at the moment. I have created a seperate post on this issue. ANy pointers are much appreciated.

MM

I have tried instead to add a video with the a shortcode field, using the content blocking short code and iframe embed code.
When I do that the content block is properly included before loadinng the video, but the JS fails when trying to unblock the video. (throwning a Error: Syntax error, unrecognized expression: # on the link, which is supposed to be triggered by JS and has a # in the href attribute).

On a more general note: Does Laytheme support any kind of content blocking plugin? The implications of DSGV clearly dont allow for embed of external meadia without active consent, so content blocking is crucial for legal reasons. Would be good to understand what the approach of Laytheme is on this issue.

Thanks,
MM

Hi,

I have been fiddeling around with this for a moment, but cant seem to find a working solution. Is there a good way to filter the video embed in the gridder to run a shortcode on it?

I would like to content block video embeds via Borlabs consent management plugin, which provides a shortcode, since Borlabs does not seem to recognise embeded videos in gridder out of the box.

Example page: https://bit.ly/3wM3SYX

Any pointers are much appreciated.

My best,
MM

Hi I am checking in with some updates:

If I load https://haubrok.co/privacy-policy the line-breaks are missing. If I navigate to the page from another page, the line-breaks are shows. It seems like the JS loading is displaying the line-breaks correctly, but the direct loading from php omits them. any news on this issue? can you reproduce this or do you need further information?

My best,
TObias

Hi all,

I have an issue since the new version that pages with long text that includes <p>&nps;</p> will be converted to <p> </p> which in chrome/safari translates to no new line. E.g. this page https://haubrok.co/privacy-policy is shown without extra line breaks because of this. Is there anything that i can do to fix this?

My best,
Tobias

Thanks Armin, so I guess I have to go to work and migrate all that CSS over.

@mariusjopen Sorry forgot to mention you int he earlier post. Hope you see this. Thanks for any tips :-)

I have similar issues. The overall CSS structure seems to have changed. A migration guide would be helpful in order to know how to change any customised CSS without the need to completely rewrite it from the ground up.

Actually now I realised all links set on Images within the gridder are also set to the CDN, which makes them not work anymore. The only navigation that still works is the main navigation. All other navigation within the site is broken after setting the frontendPassedData.siteUrl.

So setting frontendPassedData.siteUrl is fixing the CDN for images but breaking the page navigation within the page (not the main menu).

Is there a way to just set the path for assets and not for navigational links?

Thank you!

I have come up with this relatively hacky way to close the mobile menu, if a link is clicked that has a hash for #footer. this is in the header html section, that can be added through the lay theme settings:

<script>
jQuery(document).on("click", "nav.mobile-nav li a", function(event) {
	if(event.currentTarget.hash)
	if(event.currentTarget.hash==="#footer")
	{
	    jQuery("div.burger.burger-default.mobile-menu-icon").removeClass("active");
        jQuery("body").removeClass("mobile-menu-open");
        jQuery("nav.laynav.mobile-nav").removeClass("active");
        jQuery("nav.laynav.mobile-nav").css({height:"0px"});
	}
});
</script>

Never mind, after reselecting all images in the content, now the CDN url is set properly. Somehow it seems this does not work for images that have been selected before I have set the siteURL accordingly.

Thanks Armin and Marius,

I just tried this out. Setting the js object frontendPassedData.siteUrl does work for some images, but not for others apparently. I currently have no public example, but will get back to this soon once the page is launched. If you have any tips in the meantime, that would be much appreciated.

Thanks