READ Page (sermon resources)

The READ page is setup with the "Subpage Fullwidth - Share" template, which functions the same as the "Subpage Fullwidth" template but with the share bar at the bottom of the sections (instead of the page content). 

The header area also functions the same as your subpages, so you can use a header image, background video or rotator. The page title and description will display overtop of the header image.

The bulk of the page is built using sections, monklets and link lists, which are outlined below: 

Read - Current Series

Content > Sermons > Series tab

Displays the series information from the series flagged as "Current".  The series image displays on the left with the series title/text on the right left.  The YouVersion link is hard coded.

This section uses the monklet labeled Section Monklet - Current Sermon Series - Youversion. The "Section Options: Section - Small Padding" category is also added, to reduce the top/bottom padding of the section. 

Read - Challenge Group

Content > Link Lists > Challenge Group Button

This setup uses a link list to display a large blocked button.  The "name field displays as the large, bold text and the "subtitle/button" text displays as the smaller text. The "link" field is used for the button link.

Within the "Read - Challenge Group" section, the monklet Section Monklet - Large Button is setup in the content field. The "find" parameter is required in order to specify the link list name.

ex: {{section-monklet-large-button|find="challenge-group-button"}}

The "Section Options: Section - Small Padding" category option is also used.  

Read - Spotify

This is a freeform content setup, and the playlists are using are using in a two column setup. The embed code can be swapped out in the section as needed. 

You may want to create a copy of the section for reference, and the grid generator for your site is available here: https://whoisgrace.com/grid-generator/.

Content > Link Lists > Additional Series Resources  

This setup uses a link list to display a row of buttons. The buttons will be evenly displayed across the container. within each item, the "name" field controls the button text, and the "link" field controls the button link.

Within the "Read - Additional Resources" section, the monklet Section Monklet - Linklist Button Columns is setup in the content field. The "find" parameter is required in order to specify the link list name.

ex: {{section-monklet-linklist-button-columns|find="additional-series-resources"}}

The section title is added above the monklet in the section "content" field. The "Section Options: Section - Small Padding" category option is also used.  

Content > Link Lists > Study Resources

This displays a link list in a two column format. The first item in the link list will display the image in one column and the name/optional description in the adjoining column. Any second level/child items will display as a list of links below the name/description.

Within the "Read - Prayer" section, the monklet Section Monklet - Linklist Image Left is setup in the content field. The "find" parameter is required in order to specify the link list name.

ex: {{section-monklet-linklist-image-left|find="study-resources"}} 

The "Section Options: Section - Small Padding" category option is also used.  

Note: There is an alternate version of this monklet available with the text on the left and image on the right. This is labeled Section Monklet - Linklist Image Right.

Read - Stories

Content > Link Lists > More Stories Button

This setup uses a link list to display a large blocked button, which will show a popup box on click.  The "name field displays as the large, bold text and the "subtitle/button" text displays as the smaller text. 

The description text is required and the content of this field will display in the site lightbox.

For the form embed code shown in the popup, this is managed under Content > Sections > Read - Stories Form.

Note: The "description" field of the link list will display as paragraph text. If you would like to have a full html content display in the popup, you can do so by creating a section with the desired content. The slug title of the section then needs to be added to the corresponding link list description field with curly braces.  

For example, the section with the form embed code is using the "Read - Stories Form", so this would be the slug version of the title: {{read-stories-form}}

------------------------------------------------------------------------------------------------------------------------------------------------

Within the "Read - Stories" section, the monklet Section Monklet - Large Button Lightbox is setup in the content field. The "find" parameter is required in order to specify the link list name.

ex: {{section-monklet-large-button-lightbox|find="more-stories-button"}} 

The "Section Options: Section - Small Padding" category option is also used.  

Content > Link Lists > Previous Series

This setup uses a link list to display additional links for a previous series. Within the parent item in the link list, the "name" field controls the large, bold "Previous Series" heading on the left, and the "description" field controls the smaller title on the right.  

The child items within the list will show the additional links. Within each child item, the link and subtitle fields control the text/link. The name field is for internal use only.

Within the "Read - Previous Series" section, the monklet Section Monklet - Linklist Featured Link is setup in the content field. The "find" parameter is required in order to specify the link list name.

ex: {{section-monklet-linklist-featured-link|find="previous-series"}}

The "Section Options: Section - Small Padding" category option is also used.