Use Saved Row or Template as Header/Footer

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Plugin / Use Saved Row or Template as Header/Footer

This topic is: resolved
Viewing 30 posts - 1 through 30 (of 60 total)
  • Author
    Posts
  • #43041

    Brent
    Participant

    Hi, I’d love to be able to use a saved row or template as the global header or footer of my site so they remain editable rather than hardcoding them into a theme but obviously I don’t want to force my users to add the header/footer for every page. Is there a programmatic way for me to render a saved row/template (templates are custom post types right?) from within my theme? Even better would be also a method to grab a list of all saved rows or templates so I can construct a header and footer select box in customizer and let the user pick which saved row/template to use as the header/footer.
    I think I saw a filter that lets you enqueue the css/js resources of a particular template on all pages, I’m just missing what method to call to actually render the layout.
    Has anyone else managed this?

    #43085

    Robby McCullough
    Keymaster

    Hey Brent! Thanks for touching base and for sharing your suggestions. We have some ideas/plans that will hopefully make this a lot easier in the future. For now, you can do this using a plugin called Insert Pages..

    https://wordpress.org/plugins/insert-pages/

    What you can do, is create a page and load your global row or module onto that page. Then, you can use the insert pages plugin to use the global module/row in your theme’s template files. Basically, Insert Pages gives you a shortcode that lets you pull the content from another page into your current page.

    You will need to use the fl_builder_global_posts filter to load the page’s assets globally. See here:
    http://forum.wpbeaverbuilder.com/knowledge-base/filter-reference/

    I like the idea to have a method to grab saved rows/modules. If you have a second, do you mind adding that as a feature request on our User Voice page:

    https://wpbeaverbuilder.uservoice.com/

    Hope that helps. Let me know if you have any other questions..

    #64615

    Mark
    Participant

    Robby – do you think you could give a step-by-step example on this please as I would like to use it on a Genesis theme.

    A video would be a real help – just a thought.

    Thanks

    #64692

    Robby McCullough
    Keymaster

    Mark, sure! Seeing this makes me realize it would make for an awesome blog post. Give me a few days to put it all together, but I will try to get an extended tutorial on this technique for ya!

    #64722

    Mark
    Participant

    Fantastic stuff – thanks Robby – that will be perfect.
    Much appreciated and looking forward to the tutorial.

    Cool stuff!
    Loving BB more and more each day!

    #65982

    Gualha
    Participant

    +1 for a saved row/template global for footer.

    Could we add this easily to blog single posts in BB Theme?

    Right now is the only major downside I saw working with BB for about 1 month 🙂

    #65984

    Robby McCullough
    Keymaster

    Gualha, “easily” depends on your comfort level with writing code, but yes! I started on the video last night, I decided I need a new microphone, though 😉 It should be out some time next week!

    #66128

    Mark
    Participant

    Brilliant – thanks Robby – much appreciated.

    Looking forward to the video and making BB even more amazing with my theme.
    The support on here is the best I’ve ever come across.

    Keep up the excellent work guys

    #75644

    Mark
    Participant

    Hey Robby – just wondered how you were getting on with the blog post and tutorial – did you manage to sort out your microphone yet lol!

    Looking forward to learning some more about what can be achieved with BB

    Thanks,
    Mark

    #75666

    Robby McCullough
    Keymaster

    Hi Mark! I am behind schedule! I am sorry. I did get the microphone sorted out. I am being a perfectionist now and trying to do “Screencasting 101” in as little time as possible, haha. I’ll have some time this weekend to get the video up. Thanks for being patient! 🙂

    #75922

    Gualha
    Participant

    Waiting here also! Thanks Robby 🙂

    #77378

    Jason
    Participant

    Sorry if this is a little hijacky.

    But for others looking at this I want to add that you need to customize the shortcode you get back from Insert Pages.

    Change:
    [insert page=’resource-page-template’ display=’title’]

    To:
    [insert page=’resource-page-template’ display=’content’]

    Then you can insert it into your template file like so:
    <?php echo do_shortcode(“[insert page=’resource-page-template’ display=’content’]”); ?>

    #77384

    Ben Carlo
    Keymaster

    Hey Jason,

    Thanks for the clarification! 🙂 I’ve always used display='content' when testing since it’s the one I found over at their wp.org page. 🙂

    Ben

    #77427

    Robby McCullough
    Keymaster

    Hey all! Thanks for your patience. I finished the tutorial video!! Woo-hoo!

    I just finished uploading it, and it looks like it won’t be ready for about 45 minutes, but here is a link:

    https://vimeo.com/146030781

    Let me know if anything is unclear or if anyone has questions. 🙂

    #77924

    Mark
    Participant

    Brilliant – thanks Robby.
    Great tutorial and I’ve managed to get the header to work using the Genesis Dynamik theme – but get a strange result with the footer.

    The page footer has three columns on it – Company Info, Latest News and Get Social – but when it replaces the theme footer using a hook, I only get two of the cols showing up Company Info and Latest News – the Get Social doesn’t appear.

    Page Footer: http://newdesignkitchens.burntwoodwebdesign.co.uk/footer/
    Actual Footer: http://newdesignkitchens.burntwoodwebdesign.co.uk

    Any thoughts?

    #78052

    Robby McCullough
    Keymaster

    Mark! Sorry about that. Saw you opened a separate thread for this, so I’ll move the convo over there. 🙂

    #86753

    Simon
    Participant

    This is awesome, nice work @robby! Definitely keen to see this baked right into BB

    #86760

    Harriet
    Participant

    Yep, into BB, and no coding needed! 🙂

    #87205

    Darren
    Participant

    Great great post above with the video tutorial, much needed and I’m pretty sure much of the Beaver community would want to see.

    #87265

    Betsy
    Participant

    If I’m using the Beaver Builder theme, can I drop the Insert Pages shortcode into one of the CODE blocks in Customizer?

    #87267

    Robby McCullough
    Keymaster

    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. 🙂

    #87276

    Robby McCullough
    Keymaster

    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! 🙂

    #89460

    robx1971
    Participant

    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.

    #90310

    Thomas
    Participant

    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!

    #90435

    Darren
    Participant

    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.

    #90467

    Robby McCullough
    Keymaster

    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.

    #90625

    Gualha
    Participant

    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.

    #90708

    Robby McCullough
    Keymaster

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

    #91613

    Darren
    Participant

    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!

    #91618

    Darren
    Participant

    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.

Viewing 30 posts - 1 through 30 (of 60 total)

The forum ‘Beaver Builder Plugin’ is closed to new topics and replies.