Homepage Overview

Content > Pages > Index

The "Index" template is your homepage template and is assigned automatically to your home page. In the CMS, your homepage will be titled "Index" and cannot be changed. This template operates the same as your "Subpage Fullwidth" template.

The home page (Index) works using various modules and elements throughout Ekklesia. The basics are:

  • Header area: three options - static image, looping/muted background video or image rotator
  • Your Gateway: this is a hard coded area below the header on your homepage
  • Sections: nine fullwidth sections available (utilizing monklets)

Header Area

The header options for your homepage are the same for your subpage templates: static image, looping/muted background video or image rotator.

See detailed info about the header options HERE >> 

Optional Header Fields

The field "Header Text" adds content overtop of your static header image or background video. This works the same as the page content field, so you can include text, buttons, etc. 

This "Header Overlay" check box option will add a dark overlay to your header image or background video, so the text overtop is more visible.

The "Header Large" check box option is being used on the homepage to display a taller header image.

Note: the "Header Text" and "Header Overlay" fields will not be used with the image rotator option. The text overlay and additional settings pull from each rotator slide. 

Your Gateway

Content > Links Lists > Home - Gateway

Within the link list, there is one first level item labeled "Gateway", and the description field in this item is used to managed the "your Gateway to" text. No other fields are used for this first level item.

Below the "Gateway" item, there are 3 second level items for Grow, Love and Worship. Within each item, the following fields are used:

  • Name - controls the bold title
  • Link - controls the button link
  • Button text - controls the button text. This must be populated if a link is added.
  • Sub Title - controls the description text

Note - this info is hard coded to display below the header area on your homepage.

Sections

The rest of the page is controlled via sections, and the homepage sections function the same way as the "Subpage Fullwidth" template.

COUNTDOWN TIMER

Events > Events 

The timer will count down to the next event with the "Live Event" category assigned. Once the event start time occurs, the timer will show the "live" version. Once the event has ended, the timer will automatically start counting down to the next live event.

COUNTDOWN TIMER SETTINGS

Content > Links Lists > Countdown

This link list allows you to customize the text and link for the Live version of the timer area (when the countdown has stopped and an event is live). The following fields are used: 

  • Name - internal use only
  • Sub title - used for the Live text
  • Button text - used for the Live button text
  • Link - used for the Live url/live

Note - if this link list is not used, the following fields from the Live event are used: title, summary and website fields.

Note - you can test the "live" version by adding "/?live=true" to the end of your staging url.

ex: http://gatewaycoc.monkpreview3.com/?live=true

SECTION SETTINGS

Within the Home - Countdown section, the title/subtitle above the timer as well as the "Join us on Sundays" text is managed in the content field of the section.

For the timer, the monklet labeled "Section Monklet - Event Countdown" is added in the content field. The "find" parameter is needed in order to specify which event category to use for the timer.

ex: {{section-monklet-event-countdown|find_category="live-event"}}

Home - Sermon

Content > Sermons

Displays the most recent sermon (title, date, speaker and image/video). The "Misses Last Sunday" and "Latest Sermon" titles are hard coded. 

Within the Home - Sermon section,  the monklet labeled "Section Monklet - Latest Sermon" is used. If you'd like to display the latest sermon for a specific category or group, "find_category" or "find_group" parameters can be used as needed. 

The background image field is also used for this section.

Home - Serve

Content > Link Lists > Serving Linked Images

Within each item, the following fields are used: name, link, image, button text and subtitle. The subtitle field is the optional overlay text, and the button text field controls the optional button text. 

Within the Home - Serve section, the monklet labeled "Section Monklet - Linked Image (3)" is added in the content field. The "find" parameter is needed in order to specify which link list to use.

ex: {{section-monklet-linked-image-3|find="serving-linked-images"}}

The title and subtitle showing above the image row are managed in the section content field.

Home - Events

Events > Events 

Displays up to the 12 most recent events in a carousel.

Within the Home - Events section,  the monklet labeled "Section Monklet - Events Carousel" is used.  If you'd like to display events for a specific category or group, "find_category" or "find_group" parameters can be used as needed. 

ex: {{section-monklet-events-carousel|find_category="events"}} 

The title, subtitle and button are managed in the section content field. The background image field is used for this section, as well as the "Section Dark" category option.

Home - Story

Content > Link Lists > Video Story

Displays an embedded video from this link list. Only one item should be setup in this list, and the following fields are used: 

  • Name - internal use only
  • Link - where the video is selected
  • Image - displays as a placeholder graphic before playing the video
  • Description - (optional) controls the text below the bottom right of the video
  • Subtitle - (optional) controls the title below the bottom left of the video

Within the Home - Story section, the monklet labeled "Section Monklet - Linklist Video" is added in the content field. The "find" parameter is needed in order to specify which link list to use.

ex: {{section-monklet-linklist-video|find="video-story"}}

The title and subtitle showing above the video are managed in the section content field, and the "Container - Narrow" category is added. 

Home - University

This is a freeform content section, so the Gateway University logo and button are managed in the section content field.

For this section, the background image field is used, as well as the following section categories: 

  • Section Options: Section Background Parallax
  • Section Options: Section Dark
  • Section Options: Section Overlay Color 

See all section options here >>

Home - Gatepost

Content > Link Lists > Gatepost

Only one item should be setup in this link list, and the following fields are used: name, link, button text and subtitle. The button text is required if you use the url/link option. 

Within the Home - Newsletter section, the monklet labeled "Section Monklet - Newsletter Signup" is added in the content field. The "find" parameter is needed in order to specify which link list to use.

ex: {{section-monklet-newsletter-signup|find="newsletter-signup"}}

For this section settings, the background color field is used to control the blue color, and the following section categories are added:

  • Section Options: Section Dark
  • Section Options: Section Short Padding