Please see the Learn Sections site here for the full list of updates with demos and examples.

Here is a simple guide explaining updating from version 1.x to version 2


First lets get the bad news out of the way. Sections Pro version 2 will make your existing Sections Pro stacks legacy or more technically deprecated stacks. This is absolutely nothing to worry about, as with all stacks that we have done this to in the past, your existing installations will continue to work and be editable. What you can't do though, is to add new instances of the old stacks, they will be gone from your library and replaced with the shiny new version 2 stacks.


   Brief Summary

Proportional to Section Width (Repsonsive)

Lots of great new opportunities exist for stunning layouts using the new settings in Sections Pro Flex Height.

Find out more on the Proportional To Section Width page and also the included Layout Inspiration Project file.

Sections Box Stack (coming soon)

Create hover captions just as you want them. Target any piece of content for a Sections Pro animation.
The Sections Box stack should be dropped into the main Sections stack, just like you would with a Sections Fix stack but it can be used without Sections Pro for lots of other useful things.

Sections Mask Stack

Sections Mask is very easy to use and can create transparent arrows and shapes above and below your sections. They are particularly effective with image backgrounds.

New Child Stack Functionality

This is probably the most major change in Sections Pro v2.

Backgrounds, Overlays and Borders/Shadows are now all controlled by child stacks.

This is a major improvement to the workflow and allows these elements to be simply copy and pasted between stacks. If you have a background that you want to re-use then just copy the background child and paste it into another Section.

New Master Stack Functionality

The Sections Master Stacks within Pro Styles have also had a similar treatment. This is almost more significant.

The Sections Layout master is now separate from the styling masters. There are separate definitions for Background, Overlays and Borders / Shadows.

This means improved efficiency in code output and a much simplified workflow. Any section can now have a combination of Layout and Styles applied from the masters by one simple selection in its Settings.

Even less code

Thanks to the changes above, Sections Pro is not only more flexible to use but now produces even less code on your page than before. This is a super efficient solution.

When you use master styles, the code for the layouts and backgrounds etc is only written to your page once. Each section that uses them simply has the relevant class applied and produces no code itself concerning those styles. This is just how you would hand code a page.

Don't forget that master styles also make it easy to alter colors and styles page or site wide. You no longer need to laboriously change settings on lots of stacks if a client requests a small change. Just alter the Pro Styles master and its down.