[Resolved] Divi Builder adding classes around Content Templates
This thread is resolved. Here is a description of the problem and solution.
Problem:
When I render content in a View's loop with a Content Template and the content rendered is designed with the Divi Builder, but the Content Template with which I design the Loop output is not, then it seems Divi Builder adds the following HTML around the output of the Content Template:
Solution:
This is Divi Builder injecting it's HTML at the_content() filter no matter when or where it's rendered.
The issue can be solved by using Toolset's inbuilt feature to unallow 3rd parties filtering the content when using Content Templates.
This can be done by passing suppress_filters="true" to the template:
It is Divi builder added the extra HTML div tags, the problem is in Divi builder side. It seems fixed in new version Divi builder, have you tried the latest version of Divi theme?
And you can also check it with Divi support: hidden link
hi im using the latest divi and toolset but the extra divs are still being generated despite using views shortcode (not using divi builder) in a divi builder layout page
I have searched it in Views plugin source codes, but can not find related codes Views plugin file, so I don't think the problem is in Views plugin, did you get any feedback from Divi support?
Since it is a compatibility problem, if you need to locate the problem source, please provide a copy of your website, also point out the problem page URL, where I can see the extra HTML div tags, I need to test it in my localhost, thanks https://toolset.com/faq/provide-supporters-copy-site/
Ok - thank you. I see you added the view using the divi builder plugin. Please allow me to test this further and I will get back to you by tomorrow as soon as I know more.
Ok - I checked with latest Toolset plugins and I do not see the extra divs added as you claim as per your screenshot.
We just published a new release for a bunch of Toolset plugins. We always recommend running your site with latest stable release plugin version.
*** Please make a FULL BACKUP of your database and website.***
Can you please try to update all Toolset plugins to the following version and try to resolve your issue.
- Types 3.3.3
- Views 2.9
- Forms 2.5
- Layouts 2.6.1
Can you please update ALL Toolset plugins and check - if this issue persists. I also checked by installing the OceanWP theme and almost copy your views content as well as CSS and javascript but I do not able to reproduce this issue.
hi Minesh, that's wierd coz the extra divs are still there, as per screenshot attached. all the plugins are updated to latest and that domain is my testing site for this issue also. -> will be doing a screencast now -> hidden link -> the whole thing is just a views shortcode (domain.com//wp-admin/admin.php?page=views-editor&view_id=17) in divi builder layout
P.s - only using types and views, no layouts nor forms
I understand but there must be something missing then or the page with Divi builder you are using could be corrupted HTML.
I installed the Divi builder + OceanWP theme and created a page with divi builder. I created the view as well which is using content template inside the loop and used the same HTML (content) you added to that template and added the view to code module using divi builder but I do not see those extra divs.
- What if you try to deactivate all third party plugins and check?
- What if you try to create a new page when all third-party plugins are inactive (only Toolset plugins + Divi builder plugin active) and add the view?
hi noted Minesh and that's truly frustrating and puzzling on my end.
To show this incompatibilty, I Redo brand new install with only 2019 theme, types, views and divi builder
1) created a view that shows [featured image] of all [pages]
2) add this views shortcode in divi builder code module in this post -> hidden link
3) Pls see screenshot for the 3 added divs
4) login access similar to previous if u wish to investigate further
It happens when your posts are set to Edit using "Divi Builder" plugin and you used content template inside the view's loop output at this point it adds the extra divs.
If you check the 3rd post that is"Privacy Policy" post which is not set to edit using "Divi Builder" and you will see that no extra divs added to it:
=> hidden link
The workaround here is you should not use the "Content Template" within the view's loop:
Hello, this is Beda, I am taking care of this issue and will have a few follow-up questions eventually, but I will first read carefully through your thread, duplicates and test sites provided, so to provide you with either a solution or explanation as of why what happens.
There may be a simple solution - however, I first need to replicate this issue according to your descriptions as there was some confusion leading to the issue being irreplicable yet on my local.
I'll feedback here as soon I have valid news for you (or more questions)