The listing component displays a hierarchical tree list of the pages on your site by predefined GraphQL queries. For example, you can use the Page List rendering to display the sitemap of the site, to list an overview of product types, or to display a list of pages within a blog post.

You can configure which pages appear in the list and select different styling options for different goals. For example, you may want a simple nested list of all your pages for the sitemap.

To add and configure a Page List rendering:

1. From the toolbox, drag the Page List rendering to the page.
2. In the floating toolbar, click Edit the Component Properties.
3. In the General section, determine the items that you want on the list and their appearance by editing the following fields:

• Source Type– click a Sitecore query: Children, Siblings, or Items using the same template.
• By default, the Page List rendering displays children of itself.

To have several display options ready for use, in the Control Properties dialog box, in the Styling section (or from the floating toolbar), select a variant for the Page List rendering.

For example, select a simple variant that displays a nested list, a variant that lists the page title and a description, or a more detailed variant that also displays thumbnails:

Add and configure a Pagination rendering

The Pagination rendering lets you add pagination to the Page List, Event List, and File List renderings. It reflects the number of pages, and enables you to navigate to a page directly or use additional buttons (First, Previous, Next, Last).

To add pagination to a page list, you must map an existing list rendering with pagination using the List Signature