Use Saved Row or Template as Header/Footer

Beaver Builder
21

Thanks guys!

I was planning to create a blog post with this tutorial, but I think I need to redo it as we’re just about to roll out a beta with our own short code!

For 2016, we’re planning to create a lot more content (like video tutorials, case studies, etc). So hopefully we’ll have a lot more where this came from. :slight_smile:

22

Oh, and @Betsy, I believe you can! I haven’t tried to, but you should be able to use Shortcodes in the customizer, so I don’t see any reason why that wouldn’t work.

Let us know how it goes! :slight_smile:

23

I’m using BB with Dynamik and can’t for the life of me figure out how to set up a global footer. I followed the video tutorial and was able to create a global row of my footer from my homepage built in BB. But updating the dynamic-theme footer.php did not work. Please help.

24

I’m looking to do what Robby did in the video with the header…but I’m not sure what to wipe out in the header.php file. It’s not as obvious as the footer example in the video. Anyone do this in the header of the Beaver Builder theme?

Thanks!

25

Hi
I have used Robby’s tutorial guide above to create a custom header and footer for the WP default template page, which works fantastic and I’m extremely happy; well that was until I updated BB some days ago, to which now my global header row no longer updates when I make any changes to the header.

I recently spoke to a developer who told me that he thinks this is because the style sheet ID for the header I created has been over written by the BB updates. This is really frustrating if this is the case.

Can you shed some light on whether this is the case and is there a way for me to resolve my customer header issue or do I need to rebuild the header again?

It was a great alternative for custom headers and footers but these BB updates are messing with my work.

26

Hey Darren! Sorry you’re having trouble.

So, the updates you’re making aren’t showing up, right? Can you tell if this is only happening when you use the Insert Pages shortcode as opposed to dragging the saved header out from the page builder?

To be honest, I considered making a blog post around this tutorial, but since it was a bit experimental and relied on a 3rd party plugin, I decided not to.

The good news is, we are making this a native feature! It’s in our current beta, so you’ll be able to use this technique (hopefully) with a bit more confidence.

27

Darren,

I had the same problem here and it’s related to version 3.0 of insert pages plugin.

Just downgrade to version 2.9.1 or upgrade to 3.0.1 (released yesterday) and problem will be solved.

28

Oh great! That’s good to know. Thanks, Gualha!

29

Hi Robby
sorry, but was unaware you had replied to my post. This issue only seems to happen to my header and not the footer. I can update the footer all day long, but the global header just won’t update. I had noticed previously that the recent updated version of the’Insert Pages’ was an issue and I had reverted back to the older version I first downloaded. But the issue still persist.

I have now deleted the header page and created a new one from scratch, but I get the same outcome. The header page created which I saved as a global row, appears to update, but when I publish the work, the header doesn’t update.

Totally lost, I’ve cleared my caches both on my computer and in BB plugin and still the same outcome.

Why isn’t the header updating?

LOST LOST LOST!

30

Hi Robby
OK, resolved my issue. I decided to try the page ID instead and selected the page ID option for ‘Insert Pages’ and then added my page ID for the header and that seemed to do the trick.

Either way, it was a great solution and alternative for adding your own custom header to the default WP template, which will resolve anyones issues, if using plugins like Woo Commerce and Event Calendar Plugin.

Thanks for your help.

31

This is epic! I’ve just implemented it on a site using header and footer.

Thanks so much Robby!

32

I would find this feature SO SO useful for lots of my sites if it was part of the BB theme, is there a planned date for it to be integrated??

33

Hey Susanna,

The latest version of the plugin , 1.7, released just yesterday, should already have this shortcode baked in. Check the blog entry and change log below for more info. :slight_smile:
http://forum.wpbeaverbuilder.com/beaver-builder-1-7-now-with-partial-refresh-per-page-code-settings-and-our-first-shortcode/
http://forum.wpbeaverbuilder.com/change-logs/

Ben

34

Hi Ben,

I have read through the doc, and not being a ‘coder’ I am finding it hard to see how this is now possible with the new update. Is there a doc other than http://forum.wpbeaverbuilder.com/knowledge-base/rendering-layouts-with-php/ to give a step by step guide. This would be really useful for a site that I am currently working on.

I would love to be able to do this for my self for my current and future projects as I find the current footer and header basic in comparison to all that you can do with the page builder when creating modules…

Would really appreciate some help on this one.

Many thanks
Susanna

35

Hey Susanna,

I’m not sure if we’re on the same page. Are you looking for the shortcode to call BB content to your header/footer? Because that was what I was referring to. :slight_smile: Here’s the doc for that.
http://forum.wpbeaverbuilder.com/knowledge-base/shortcodes/

So it’s the same thing with Robby’s video - you still need to hard code the shortcode to the theme files, but this time, you won’t need the Insert Pages plugin since BB already has a shortcode for it baked in. :slight_smile:

Ben

36

If you are using a Saved Row or Module you don’t need to make a non-user facing page like in the example, you can just input the relevant slug from your Saved Row template and use the corresponding type ‘fl-builder-template’.

While you are editing your Saved Row or Module, you can find the relevant slug in the address bar of your browser;

Example:
http://website.com/fl-builder-template/YOUR-TEMPLATE-SLUG/?fl_builder

Then just plug that slug into the new BB shortcode, insert said shortcode into your theme file where you want the template content to appear… and presto, Bob’s your Uncle!

Shortcode:
[fl_builder_insert_layout slug='YOUR-TEMPLATE-SLUG' type='fl-builder-template']

37

Thanks for the clarification, Chris! That’s right on.

Susanna, this feature is a bit complex. I am planning to redo the tutorial video from this post using our shortcode. That tutorial will hopefully explain this feature/technique in a way that’s really easy to recreate.

Sorry for the confusion. I’ll be sure to update this thread when the tut video is out! =)

38

I’m excited to see that we can render layouts in other parts of the BB Theme like single.php. I’m trying to implement this but running into a small issue. I’ve got two saved rows which I’ve named “header” and “custom-row”. I’ve used this bit in the single.php file:

FLBuilder::render_query( array(
    'post_type' => 'fl-builder-template',
    'p'         => header
) );

The result is that it renders both “header” and “custom-row” and also renders custom-row on top of header. I tried a few variations but it seems to be rendering all saved global rows. Not sure what I’m doing wrong. Thanks for any help in advance!

39

Hey Eric,

The p parameter only accepts post IDs. Changing header to the post ID of the header template should fix you right up! :slight_smile:

Ben

40

Thanks Ben! That did the trick. I was just about to post another question about where to find the post ID because the Templates post type wasn’t showing up in the admin area but (for anyone with the same question) I realized you have to go into the BB Plugin settings and “Enable Templates Admin” to access those.

Thanks again! This is a fantastic improvement. Only thing that could make it even better would be to have the option in the BB Theme Customizer to select a custom row for the theme Header and Footer :slight_smile: