Skip Navigation

[Resolved] Custom header and footer not using Layout

This support ticket is created 5 years, 5 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
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 6 replies, has 2 voices.

Last updated by Franco Calcagni 5 years, 5 months ago.

Assisted by: Christian Cox.

Author
Posts
#1299819

For a new project we are going to download the new version of Toolset with the Bootstrap 4 support. We read from the blog that Layouts shall not be considered and it is better to use the blocks editor instead.
How can we build a parent layout with custom header and footer as we did with the Layout plugin?

Is there a way to create a responsive menu with hamburger menu under a certain resolution as provided by Bootstrap4?

Thanks for any info about that.

Franco

#1299919

How can we build a parent layout with custom header and footer as we did with the Layout plugin?
Hi, there's not a concept of layout hierarchy in the new Template design setup, so the process will not be exactly the same. Instead, you can create multiple Content Templates for different sections of the final design, each one designed with the block editor. Then you can reuse those Content Template blocks in another Content Template editor. This would allow you some ability to reuse design elements across different pages of the site, while maintaining the new Block Editor approach.

Is there a way to create a responsive menu with hamburger menu under a certain resolution as provided by Bootstrap4?
There's nothing built-in to Views or Types that will produce this hamburger menu markup for you, but in theory you could use their HTML markup as a guide to create your own navbar: https://getbootstrap.com/docs/4.1/components/navbar/
You could use Types or Views shortcodes inside that navbar if you'd like. You could even place that markup in a Content Template, then place that template in another Content Template using Toolset Blocks.

#1300305

Hi Christian, so if I need a page with custom header and footer I shall use an empty template without any wordpress header and footer and fill it in with custom block for header, custom block for footer and custom block for content?

What we need to achieve is the patent/child templates we have now with layouts (acqually we use an empty wordpress template and create a parent layout with header and footer and a child template for the content.

Is what I wrote above the right way to proceed with the new system?

Franco

#1300643

Hi Christian, so if I need a page with custom header and footer I shall use an empty template without any wordpress header and footer and fill it in with custom block for header, custom block for footer and custom block for content?
Yes this is one way you could work in the new system. There are several types of blocks offered by Toolset, WordPress, Kadence, and so on, which you could reuse. For instance Toolset Blocks offers TB Header. Content Template blocks are arguably the most flexible.

#1300647

OK Christian thanks. SInce this new release will replace the old one, I will start experimenting with this.
What about the old site we just implemented with BS3?
What happens if we update the plugins with the new version on a site that is built with BS3?

#1300665

You should keep the plugins up-to-date regardless of the Bootstrap version you have in place on the site. You can continue using BS 3 on existing sites, but if you change your Toolset settings to load Bootstrap 4 instead of Bootstrap 3, you might break your site unexpectedly. That's why we recommend you only use BS 4 on new sites. Here's a blog post about the transition: https://toolset.com/2019/07/toolset-now-supports-bootstrap-4/

#1300773

My issue is resolved now. Thank you Christian for great support!