Campus Detail Template

Overview

You will need to setup a separate page for each of your campuses using the Campus Detail Template. The top portion of the template is controlled via the page settings, and the the rest of the layout pulls various sections into the page.

Depending on which sections you'd like to use for the campus pages, each section would need to be duplicated and then added to the Sections dropdown of your page.

Note: we have used The Branch campus as an example for all screenshots and sections in this guide.

Header Image/Rotator, Page Title & Welcome Content

The top portion of the template pulls from your page settings. The header image or rotator fields will display at the top of your page, and the welcome section will display the page title and content field.

The content portion is using a responsive column structure to display the video on the left (2/3) and the text on the right (1/3).

Sections

The majority of the campus details page is comprised of sections, and each one is outlined below. Within each section, the following fields are used:

  • Name: internal use only
  • Description: specific for each section (see details below)
  • Content: displays the content for each section (see details below)
  • Background Image (optional): controls the background image for the section
  • Dark Background (optional): displays the content with the color that is assigned to the "Dark Background" option in the color picker
  • Light Background (optional): displays the content with the color that is assigned to the "Light Background" option in the color picker
  • Parallax (optional): turns on parallax scrolling
  • Section Title: controls the title for each section

1. Service Times & Directions

Content > Sections > The Branch - Service Times & Directions (each campus section should titled accordingly)

The "Content" field of this section uses a responsive column structure to display the service times on the left (1/2) and a google map/direction option on the right (1/2).

  • Service Info - updated within the "content" field editor
  • Map/Directions - a monklet is setup in the "content" field to pull the location from the respective campus: {{campus-service-times-directions}}

The "Description" field is used to specify the campus for the map/location. From the Churches module (People > Churches), the "Name" of the campus needs to be of the campus added to the "Description" field of the section. However, the slug version of the name needs to be used (no capitalization, no spaces, etc).

The slug version for each campus is listed below. Please note, if the campus names are adjusted, these would change as well.

  • 1.Original Campus > 1original-campus
  • 2.The Branch > 2the-branch
  • 3.Macon > 3macon
  • 4.Forsyth > 4forsyth
  • 5.Griffin > 5griffin

Help Article: Writing Slugs and Slug Creator

2. What to Expect

Content > Sections > The Branch - What to Expect (each campus section should titled accordingly)

For this section, the "Background Image" field controls the image on the right side, and the "Content" field is used for the text.

In order for the image to have the slide-in animation, the "what-to-expect" slug is added in the "Description" field. Just make sure this is included for all campus "what to expect" sections.

3. Upcoming Events

Content > Sections > The Branch - Events (each campus section should titled accordingly)

The section title, image and "view all" button are managed within the section.

The "Content" field contains a monklet to pull events from the Events module: {{section-monklet-upcoming-events}}. An inline parameter will need to be added to the monklet in order to pull events from a specific category or group:

ex: {{section-monklet-upcoming-events|find_category=rock-springs-the-branch}}

Help Article: Using Inline Parameters

4. Social Media

5. Small Group Section

This section displays a group from the small groups module: Events > Small Groups. Within the group settings, the following fields display in this section:

  • Description: controls the text on the left side
  • Image: controls the image on the right side
  • Category: the respective category (campus) needs to be assigned

Within the section: Content > Sections > The Branch - Small Group, the "find_category" inline parameter needs to be added to the monklet in order to pull a group from a specific category.

ex: {{small-group-monklet|find_category="the-branch"}}

6. Contact Section

Content > Sections > The Branch - Contact Us (each campus section should titled accordingly)

This section utilizes the "Background Image" field and includes a form tag in the "Content" area.

7. Staff Section

This section will display staff for your campuses (6 per row). The staff will pull from the Members module, so please follow the steps below:

  1. Create Groups: under People > Groups, setup the staff departments for each campus (ie: pastoral staff, administration, etc). These groups will dipslay in the filter dropdown within the section.
  2. Create the Series: all groups for each campus need to be grouped together by a series (ex: The Branch Staff Groups). The series is setup under People > Groups > Series tab. Once the series is added, go back to the Groups list, check all groups that apply, click "edit selected groups" and then add to the respective series.
  3. The last step is to add the staff members to the respective groups. This can be done individually under each member account: People > Members > select member > Groups tab, or under the group settings: People > Groups > Select a group > Edit Groups > and use the "add members" field.

Within the section (Content > Sections > The Branch - Staff Section), the campus series needs to be added to the "Description" field (from step #2 above), using the slug version of the title (ex: the-branch-staff-groups).

In the "Content" field, you will see a monklet added, which pulls staff groups for the respective series: {{campus-staff-monklet}}

Help Article: Group Series