How to create a Categories page

Article Topics: Blocks, Metadata, Pages

This article will detail how to create a categories page, allowing your members to browse content based on metadata, in this case, specifically the category metadata.

You will use a combination of the Metadata List Block and a Set List Block. The Metadata List Block will be used to display a list of categories, and the Set List Block will be used to display content sets with the related metadata.

Configure Metadata in the CMS

Before building the page, ensure that your metadata is set up correctly.

1. Navigate to the Metadata section of the CMS.

2. Select the Categories Metadata Type on the left-hand side.

3. Add individual Categories, since these will become the clickable categories on your page.

You can learn more about Metadata in the Metadata article.

Create a Category Gallery Page

This will be the page that displays content filtered by the category that was selected by a member.

1. Create a new page and give it a descriptive name like Category Gallery.

2. Set the Page Path to something like /category/:id or /category/:slug to indicate to members where they are.

This path will allow the Metadata List Block to pass the unique metadata ID through the URL.

Add a Metadata List Block to a Page

Next, create or edit a page where you would want to display the list of categories.

1. Add a Metadata List Block to your page.

2. In the List Settings tab, set the Data Source to Category.

3. Select the Channel containing Sets with the relevant Categories.

4. In the Design tab, set the Click Destination to the Category Gallery page created earlier.

Add a Set List Block to the Gallery Page

1. Add a Set List Block to the Category Gallery page.

2. In the List Settings Tab, select the Channel with the relevant content.

3. Under the Filter by Set Metadata section, set the Category field to "Dynamic: Use Query String parameters (category=value)"

This ensures that the Set List Block only shows content sets that match the clicked category.

With the Metadata List Block and the Set List Blocks working together, you can create a dynamic Categories page that provides a smooth navigation experience for your visitors.

Related Articles

MetadataSet List BlockMetadata List BlockPagesDynamic Pages