Skip Navigation

[Resolved] adding views shortcode is breaking the Divi section, places row outside section

This support ticket is created 5 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

Tagged: 

This topic contains 6 replies, has 2 voices.

Last updated by Wim 5 years, 4 months ago.

Assisted by: Nigel.

Author
Posts
#1340827

Wim

I am creating a page in divi.
I have two section one in the header with a parametric search view with results on another page.
Section two with a search view also leading to the other page for the results

Section two has two rows. If i place the views shortcode in the first row then the second row is place outside the section code.
If I remove the shortcode then the second row is again inside the section closing tag.

The only difference i can see in the code is if I add the shortcode generated by toolset the classname "et_pb_section_sticky" is being added to the section.
According to Divi support this is not a classname they have added so they pointed me too your support.

Unfortunately i cannot share an url as I have no permission from the owner as it is in development. I will provide you with the toolset debug info howere.

Hope you can help me?

#1340917

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

A quick text search of the Divi theme files shows that the class name et_pb_section_sticky is added by 3 JS files and referenced by 6 CSS files, and it is clearly their class and I'm not sure why their support would say anything different.

Anyway, it may well be the interaction of Views with Divi that is causing the issue.

Not being able to see the site with the problem complicates debugging it, though, I'll need to see if I can reproduce the problem on a Divi test site.

Would it be possible to share a screenshot of the page you are creating so that I can visualise it more easily?

#1340947

Wim

Hi Nigel,

Indeed i noticed the reference in their files to that classname also. I will try and set up a test site with the exported views.

Will let you know

#1341001

Wim

Hi Nigel,

I have setup a demo test site with some horrible colors to make a clear view of whats happening.
What is the best way to share the url and give you access?

#1341013

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Let me set a private reply for you, thanks.

#1341089

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Screenshot 2019-09-16 at 13.16.55.png

The problem was in your second View, you had an extra closing div tag (the code syntax highlighter draws attention to that, see the screenshot).

Deleting the extra tag resolves the problem.

#1341165

Wim

My issue is resolved now. Thank you!
Oh how could i have overlooked that div!!! Thanks Nigel!
This really was a headache issue for me, everything is working out nicely now on the development site!

Thanks again!