[Resolved] Appears to be a plugin conflict between Beaver Builder & Views/Layouts

[Author]

Posts

[PaulS4783]

As you can see on this page, there is a conflict which breaks the layout.
Beaver Builder is not even loading on this page.
If I disable "Layouts" plugin that mostly fixes the problem.
However, that creates a different problem since the "Vehicles" custom post template is built using "Layouts".

I suppose I could scrap the post template and try building it again in Beaver Builder but that's a lot of additional work.

But I am curious about why there is suddenly a conflict.
Beaver Builder, Views and Layouts all worked fine prior to the most recent updates.
fyi WP 5.6 is NOT the direct cause because all these problems existed within 5.5.3
Your support staff suggested updating to 5.6 (which I did) but it doesn't change anything.

I've created a clone of the site using Duplicator which I hope you can examine and offer some advice about.

[Luo Yang]

Hello,

I can login your website, but don't find the "Vehicles" custom post template in your website.

Where can I see the problem you mentioned above:

Beaver Builder is not even loading on this page.

I have tried this page:
hidden link

The Beaver Builder works fine, see my screenshot Beaver Builder.JPG.

Is there any missing steps?

[Luo Yang]

I can find the "Vehicles" template in your another website, and it works fine in my Chrome browser too, see my screenshot Beaver-Builder2.JPG.

It might be a cache problem, please try to clear your browser cache, and test again.

[PaulS4783]

Sorry, my bad.
The Custom Post type is called "Listings" and the Template is "Single Ad".

It's a vehicles "classified listings" use case.

hidden link

And it's definitely not a caching issue.
The BBuilder vs ToolSet conflict only appears on those pages which employ "Views".
If I disable "Layouts" plugin, then Views works more or less perfectly.
But as I said, that means I will need to rebuild my "Single Ad" template from scratch.

I'm wondering if this is a BootStrap issue.

The screen shot you showed me is for a completely different, unrelated site.
Nothing to do with this one.

[Luo Yang]

I assume we are talking about layout "Single - Ad":
hidden link

I have tried it with my Chrome browser, but don't see any conflict as you mentioned above, see my screenshot single-ad.JPG
I see only some JS errors from other plugins.

Is there anything missing? please provide detail steps to duplicate the same problem, thanks

[PaulS4783]

Maybe the simplest way to frame the problem is this.
Look at the home page.

hidden link

The layout is broken.
And Beaver Builder isn't working properly on THIS page.
When I mouse over the page elements, nothing is accessible with the page builder.

Now try disabling ToolSet Layouts plugin.

The home page layout is now (mostly) OK and BB is working again.
(there are few minor style issues but that's not so important).

I disabled EasyFancyBox plugin, which was indeed a source of JScript Console errors but it doesn't fix the home page.

[Luo Yang]

For the problem page you mentioned above:
hidden link
You are using both Layouts and Beaver Builder to design the same page, it will conducts unexpected result.
Toolset Layouts plugin is based on Bootstrap framework, but Beaver Builder does not support it.

In your case, you can simply edit that problem page:
hidden link
in section "Template Layout", choose option "Don't use layout"

It works fine in front-end:
hidden link