Menu icon Foundation
Sections Component no longer - Foundation v5

Hey Everyone! Dave emailed us a question about sections. Pretty sure this information will be useful to many of you.

--

Hello,

I'm working on a site for a client right now that is built in Foundation 4 and is using the Sections component for menus with the vertical tabs. I saw in the migration guide that Sections is no longer included in 5. I want to migrate over, but since that component is such a huge part of how the site is built, I'm very hesitant. Is this feature still supported in the base features of Foundation 5? If not, is there an alternative that can be used in it's place that could be fairly easily implemented when I do the migration?

If it ends up that it is not recommended that I upgrade, I also need to way to make my site backwards-compatible to IE8 (unfortunately). Is there a method that you might suggest? Polyfills and alternate stylesheets? And if I do end up upgrading to 5, same question… are there steps and adjustments that I can take to get the site at least working decently in IE8?

Thanks so much for your help,
Dave

sectionsie8pollyfillsFoundation 5

Hey Everyone! Dave emailed us a question about sections. Pretty sure this information will be useful to many of you.

--

Hello,

I'm working on a site for a client right now that is built in Foundation 4 and is using the Sections component for menus with the vertical tabs. I saw in the migration guide that Sections is no longer included in 5. I want to migrate over, but since that component is such a huge part of how the site is built, I'm very hesitant. Is this feature still supported in the base features of Foundation 5? If not, is there an alternative that can be used in it's place that could be fairly easily implemented when I do the migration?

If it ends up that it is not recommended that I upgrade, I also need to way to make my site backwards-compatible to IE8 (unfortunately). Is there a method that you might suggest? Polyfills and alternate stylesheets? And if I do end up upgrading to 5, same question… are there steps and adjustments that I can take to get the site at least working decently in IE8?

Thanks so much for your help,
Dave

Rafi Benkual about 5 years ago

Sections were indeed deprecated in Foundation 5 to make styling easier.

Replaced by tabs and accordions plugins, which are far simpler to use and customize.
http://foundation.zurb.com/docs/components/tabs.html
http://foundation.zurb.com/docs/components/accordion.html

Pollyfills like respond.js are the workaround used to make Foundation 4 and % play nice with IE8. Here is a discussion about that you can jump in on: http://foundation.zurb.com/forum/posts/241-foundation-5-and-ie8