Add events pages to the website (Adventist design - ALPS variant)

Modified on: Mon, 25 May, 2026 at 1:53 PM

Overview

Once the events have been created in the backend (see article Setup Events module in backend), the pages and blocks can be added to the website for displaying the events in the frontend of the website.

These notes apply to the website design Adventist design with the ALPS variant. Please review the following note concerning how to verify which design you are using.

Important: please check the website design, to verify the website design matches these notes.

Expand the web module.
Expand the website.
Click on Appearance.
Under Design, look at the Design field: Adventist design.
Under Design options, look at the Design variant: ALPS design.

How To

Add event pages to the website

Expand the web module.
Click on the name of the website. (website pagetree will open on the right)
Click on the Add page button at the top of the pagetree.
The new page modal will appear.
Title: Events.
Click on Create button.
The new page (Events) will appear in the pagetree.

First add the Events List page:

For the Events list page, click on the Events List page preset. (the page preset will be applied to the page)

Click on the Minimal - Page Header block heading to select it.
Look under the properties at the image. Update the image if you would like to.
Text Line 1: update as needed.
Text Line 2: update as needed.
Click on Save button to save the change.

Scroll down to the Minimal - Featured Event Card.
Click on the block heading to select it.
If you are using events from another entity, search for them in the Source Site field. Otherwise leave the field blank if you are using the events from the current entity.
Organizers, Regions and Categories: to show all events, lease these fields blank. (otherwise use the fields to filter out events. Use only if you need to reduce the listed events to show those of the criteria selected.)
Detail page: Come back and set this once the detail page is created below.

Scroll down to the Minimal - Events Grid.
Click on the block heading to select it.
Source Site: If you are using events from another entity, search for them in the Source Site field. Otherwise leave the field blank if you are using the events from the current entity.
Organizers, Regions and Categories: to show all events, lease these fields blank. (otherwise use the fields to filter out events. Use only if you need to reduce the listed events to show those of the criteria selected.)
Detail page: Come back and set this once the detail page is created in the next step.

Scroll down to the Minimal - Events List.
Click on the block heading to select it.
Source Site: If you are using events from another entity, search for them in the Source Site field. Otherwise leave the field blank if you are using the events from the current entity.
Organizers, Regions and Categories: to show all events, lease these fields blank. (otherwise use the fields to filter out events. Use only if you need to reduce the listed events to show those of the criteria selected.)
Detail page: Come back and set this once the detail page is created in the next step.

Add the Events Detail page:

In the pagetree, click on the three vertical dots next to the Events page.
Click on Add subpage option.
In the modal Add subpage:
Title: type Event details in the field.
Click on the Create button.
The Events detail page should display as a subpage below the Events page in the pagetree.

Scroll down the Page preset list and look for the Event details preset.
Click on the Event details page preset.
The preset will be applied to the page

Next to the events detail page, click on the three vertical dots, then click on Page settings.
In the Editing Metadata screen click on the Advanced tab.
On the advanced tab, scroll down to the Dynamic content section.
- Set a checkmark for Has a dynamic url.
- Resource: set to Event.
- Click the update button.

Click on the General tab.

Title field: Cut Event details and paste into Name field.
Title field: now click on the icon and select Title.
Description field: click the icon and select Description.
Hide in menus: set a checkmark in the box.
Click on the Update button to save the changes to the page.
Click on the SEO tab.

Scroll down to OpenGraph.
Title: should come through from the General tab.
Description: should come through from the General tab.
Image: click on the icon and click on image option.
Type: set to Website.
Click on the Update button.
Click on the Events page to update it.

Now go through the Event blocks and update them (3) with the detail page.
- Minimal - Featured Event Card
- Minmal - Events Grid
- Minimal - Events List
Click on the Update button for the detail page.
In the modal, select the Event details page.
Click on Select (modal will close).
Update all three blocks.
Click on the page Save button to save the changes.

Review pages in the frontend of the website

On the Detail List page, click on the View online button.
Verify the expected events are displayed on the list page.
Click on the CTA for an event ("Know more") verify button functions.
If everything is working, then you are done!
(If the CTA buttons are not working, verify that the details page has been configured for the block where the button is not working.)