Plugin doesnt work with siteorigin page builder

Hello. I did some troubleshooting and it seems like when I activate Yoast SEO, cactus masonry stops work. It seems like there being some kind of collision with these two plugins. How can I solve this problem?

Hey merlieon,

Do you have a link the a page where it fails so I can see what’s happening?

Cheers

Yes.

Here is without YOAST SEO
https://vimeddjur.se/

AND

Here is with YOAST SEO
https://vimd.byethost6.com/

Hey merlieon,

I’ve identified the problem, but not the cause.

Are there any other differences than yoast between the two links?

What appears to be happening:

Normally the plugin will build its html elements, then execute some JavaScript that references those elements. This JS is imported and executed from an external file (cactus-masonry.js). This file is imported at the bottom of the HTML page. This improves loading speed and ensures that the DOM exists before it is requested.

Now for some reason, your site with yoast installed has it’s JS at the top of the page. As a result, the JS is requesting some DOM elements that do not yet exist – which is causing the whole thing to fail.

Now, I have just installed yoast on a test server, and yoast alone is not moving the scripts. I also cannot find any reference to yoast relocating JS script references online.

So, I think that there may be more to this than just yoast alone. Do any other installed plugins affect this behaviour?

Cheers

Oh sorry I maybe forgott to mention that I am using site origin page builder, Yoast SEO, Tinymce and cactus masonry.

This is the thing, I can use the cactus shortcode outsite page builder but when i start using page builder it fails. other then that there are no big different. I did a plugin troubleshoot. turned them off one by one and when I turned YOAST SEO off the cactus masonry worked and when i turn YOAST on it failed.

Now, I could imagine that site builder would cause it to fail, as page builder takes total control of the page – for better or worse.

The JS in Cactus Masonry is in desperate need of an overhaul, so I’ve started that now. I’ve made some progress and finished stage one of the overhaul. Unfortunately, I’ve also realized that I did run the scrips onready anyway, so the location of the script imports shouldn’t matter.

The error is probably elsewhere.

Can I confirm your shortcode?

Something more:

I have noticed that the loader box HTML is conspicuously missing from the page. I have not had any shortcode related errors that could lead to this. However, it would be good to see what settings you have chosen.

Also, can I confirm whether the following works?
[cactus-masonry show_loader="false"]

Cheers

Alright.

So here are my shortcodes

[cactus-masonry page_size=”1″ width=”100%” display_post_titles=”true”]

and

[cactus-masonry page_size=”5″ search_start=”1″ width=”50%” display_post_titles=”true”]

[cactus-masonry show_loader=”false”] didn’t work

I also have tried [cactus-masonry] and it didn’t work either

Hey again,

I’ve finally got it to fault with both site builder and yoast running at the same time. There is some mysterious interaction there that stops cactus masonry from rendering its loader HTML elements correctly.

Yet, if I use [cactus-masonry show_loader=”false”] the fault goes away (as it’s no longer looking for the missing elements).

Can you apply this shortcode to the test page to see whether you are encountering a new error?

Yes, thank you! it worked with show_loader=”false”

Good to hear,

Cheers