Multiple Layouts

When we started from scratch we build our content layout first. If we started from layouts or a theme it's possible we already have multiple layouts added to our project.

If we want to create a new layout it's recommended that we start by copying another one. This will create linked elements which we will explain later.

Copy layout

Click the copy button of the layout you want to start from. If no elements of the layout are similar you can always create a new layout.

step1-7

Type in the layout name and click the green copy button.

step2-10

Click the edit button to open the design editor.

step3-10

Design editor

In the design editor you see linked icon next to the design elements that are here from the original layout. If you delete them they will only be deleted in this layout.

In this example we are going to add a hero slider to the header of the page. We click the green add button, browse the design library and install the hero slider.

step4-6

The here slider is installed. As you notice there is no link icon next to this design element.

step5-5

Style the hero slider any way you want and click the publish layout to save the layout. Now the layout is ready to be used in the CMS platform.

Click the home icon on the top left to go to the CMS app. (don't forget to publish the layout before doing so)

Change layout

In the content editor click the dark layout button on the top right corner of the preview browser.

step6-4

Select the layout for this page from the available options. Notice that you can now change the layout to the newly added homepage.

step7-1