[Resolved] GeneratePress Pro Sections with Elementor Page Builder

[Fitz]

Went with GeneratePress Pro today to use the sections addon. I am also using Elementor Page Builder. I can choose to Use Sections in the WordPress Edit Page screen, but can only access GeneratePress Sections if I disable Elementor. I want to use GeneratePress Sections for the Parallex, among other addons with GP Pro, but also want to use some of the Elementor features on the same page. (different area of same page). How can I use GP Sections with Elementor.

[Tom]

Hi there,

It’s not possible I’m afraid. Sections is a page builder itself, and you can’t use more than one page builder on a single page. That goes for Beaver Builder, Elementor, Sections etc..

[Fitz]

Thanks for the response, less then 5 minutes.

[Lyle]

Fitz, Tom,

Well, actually it IS possible 🙂

Have a look here:

http://gpdev1.cloudaccess.host/gp-sections-and-elementor/

The page is setup to use GP Sections, and in the Section area, I pasted in the Elementor template shortcode that I created with Elementor to display the background image and the three Icon Boxes. I installed the WP Universal Function plugin to give the parallax effect to the background image in the Elementor Section as well as adding the parallax CSS class name in the Advanced tab for that section ( note that you can do the parallax “thingy” without the plugin – check out my tutorial on this here: http://snifflevalve.com/tutorials/elementor-parallax-section-background-image/ ) All that gives you the three icon boxes with a parallax background using GP Sections.

Then I just inserted an Elementor supplied template by clicking the Edit with Elementor button in the WP editor for that GP Section 🙂

Sounds to me like I am going to have to do a video tutorial on this 🙂

Cheers!
Lyle

[Fitz]

Thanks Lyle
I will give that a try.
If you can, will your elaborate regarding the mentioned WP Universal Function plugin,
I can not find any more info on that plugin.

[Lyle]

Fitz,

At the moment, that plugin is only available in the Files section of the Elementor Facebook Group:

https://www.facebook.com/groups/Elementors/files/

You would be well advised to join this group as there is a LOT of really good information posted there 🙂

In the meantime, if you do not want to go the plugin route, you can follow the instructions on the tutorial that I mentioned – does the same thing but without a plugin 🙂

Cheers!
Lyle

[Fitz]

Lyle
Thanks Much
I’ll look into all options.
Very Helpful, again – Thanks

[Lyle]

Fitz – you’re welcome! 🙂

[Lyle]

Fitz,

Further to what Tom has mentioned about using more than one page builder, using GP Sections with Elementor (or any other one) is redundant 🙂 You are better off not using them at all and just build the page with Elementor and use either of the two methods I mentioned earlier to get the parallax effect that the native Elementor is currently missing.

But you can use Elementor and the GP Page Header option to get some very nice effects. Have a look at this GP Doc on how to do so:

https://docs.generatepress.com/article/merging-header-navigation-content/

Cheers!
Lyle

[Carl]

So, Lyle… If I want my WP site – http://www.jumpinbeanjava.com/ – blog page header area to have the same look as the other pages on the site, I should use the “merge” function…?

Before I assigned the blog page as the static post page I created the page using the Elementor Page Builder, but after I assigned the blog page as a static page it shows up as you see here: http://www.jumpinbeanjava.com/blog/

I see a lot of sites that the blog page has the same header area look as the other pages of whatever site I happen to be looking at, so this has become a real head-scratcher for me…

I use GP premium and the Elementor Page Builder

[Lyle]

Carl –

The easiest way to do so, and what I use for most of my blog listing, is to use Tom’s WP Show Posts plugin.
That way, you just add the WPSP shortcode that is generated when you create a WPSP list and enter it in an Elementor Shortcode widget on an Elementor page, which will have your stylized header. If you do, remember to unset the Blog in Settings > Reading.

https://wordpress.org/plugins/wp-show-posts/

Cheers!
Lyle

[Carl]

Thanks, Lyle… I did get it to work using what you suggested – now my “blog” page shows with the header like the other pages on the site… I switched off the “blog” page as a static page, used the same page for the posts using the WP Show Post plugin… When the individual posts open – now with the same page header as the other site pages, they look good, but the comment section isn’t showing on any of the posts now… I’ll keep fiddling around with it – I must be missing something or doing something incorrectly…

Again, many thanks for your help on this…!

Carl

[Lyle]

You’re welcome Carl 🙂

[Author]

Posts