Sitecore Experience Accelerator

Create and assign a page design in the Content Editor

Abstract

Work with groups of partial layouts to create the design for a page.

In SXA, you work with reusable pieces of content and layout. A page design in SXA is a group of partial layouts that make up the design of a webpage.

For example, you may need a reusable page structure for a blog page. By creating a page design that includes the partial designs and renderings that you need for a blog page, you create a basic template that content authors can use to create content without having to worry about the design of the page.

You can work with SXA page designs in both the Content Editor and the Experience Editor.

This topic outlines how to:

A page design determines the layout of a page and consists of partial designs and renderings. You can add page designs to the presentation folder of your site and select the partial designs that you want to add.

To create a page design:

  1. In the content tree, on your site, click Presentation, right-click Page Designs, click Insert, Page Design.

    7A9EB8A427384137ADE5E9EBDF2FD0B9.png

    Note

    If you want to add a group of related page designs, click Page Designs. This can be convenient if you have a complex site that requires a large number of partial designs. You can divide your page into sections of partial designs, for example, blogs, news, products, and careers.

  2. Enter a name for the new page design and click OK.

  3. In the Designing section, select the partial designs that you want to add, click the right arrow 6F7416B93CFC4AE5975B621D94A1C85F.png to move them to the list of selected items, and then save it.

    E6B41DC6603044F39389515C939C642A.png
  4. You can also override the general theming of your site and assign a specific theme to a page design. In the Theming section, click the drop-down arrow and select the theme..

  5. Right-click the new page design, and then click Experience Editor to view your design.

    Note

    If a page design is not in use, you may want to delete it. To delete a page design in the Content Editor, right-click the page design and click Delete.

You can use Page Designs to map content types to your page layouts. By doing this, you keep the layout of your site consistent. For web pages that you use often, such as landing pages, product pages, and navigation pages, you can keep them consistent by assigning a page design to the template for that page. In this way, you link the content to the design.

To assign a page design to a template:

  1. In the content tree, go to your site, click Presentation, Page Designs.

  2. In the Designing section, select a template in the left column and, to associate it to a page design, in the right column, select the page design.

Note

You can also assign page designs to specific pages. This may be necessary when you need a page that you normally don't use very often, such as for example a release notes page. To assign a page design to a single page, go to your site and select the page. In the Designing section, select the design from the drop-down list and save the changes.

Right-click the page and click Experience Editor to view the result.