Section Monklets

Overview

Monklets are predefined code snippets that allow you to bring in other module content (sermons, events, etc.) into your pages.  There are a few monklets that have been created that are placed in the content area of your full width sections.

You can use a monklet inside a section by placing your cursor in the content area, selecting Insert > Insert Monklet > "Desired Monklet".

Some monklets allow/require inline parameters to be passed to define items from a specific group, category, etc.  http://help.monkcms.com/article/using-monklets/ and https://help.ekklesia360.com/article/using-inline-parameters/ provides details on using these parameters.

*NOTE - Monklets that are defined with "Section Monklet" in the title can be inserted into the content area of a section.

Sermons > Series Tab > Make Current Series

This monklet displays all the sermons published to a series that has been flagged as the "Current Series". The image assigned to the series should be 2,048px wide by 1,152px tall.  If the current series has more than three sermons they will display in a carousel format.

*NOTE - The link for the button "Message Archive" is set in the monklet to "/media/sermons/".  The sermon landing page changes this url will need to be updated in the monklet.

Section Monklet - Icon Row

This monklet uses a link list to display a row of icon banner links.  Each link in this list should have a name and an icon class.  The description is optional.

The custom icons can be created by entering a custom class in the icon class field.  A full list of available icons can be found at http://cornerstoneweb.monkpreview2.com/_assets/fonts/icons/ (use http://cornerstoneweb.org/_assets/fonts/icons/ when your site goes live).

Once the link list is created you will go to the section, insert the monklet and use the find inline parameter.  The find tag looks for the link list slug.  The slug is the name of the link list in lowercase with dashes in place of spaces.

Example Monklet:

{{section-monklet-icon-row|find="icons-row"}}

*NOTE - This will support 2 to 6 links.

Section Monklet - Image Row

This monklet uses a link list to display a row of image banner links.  Each link in this list should have a name and an image.  The description is optional.  Images should be 1,024px by 576px.

Once the link list is created you will go to the section, insert the monklet and use the find inline parameter.  The find tag looks for the link list slug.  The slug is the name of the link list in lowercase with dashes in place of spaces.

Example Monklet:

{{section-monklet-image-row|find="home-image-links"}}

*NOTE - This will support 2 to 6 links.

Section Monklet - Locations Map

This monklet uses the church module (People > Churches) and each entry will be used as a location on the map.  Each entry must have an address and a full url in the website field.  The description field is used for the service times.

Example Monklet:

{{section-monklet-locations-map}}

*NOTE - Only 1 locations monklet/section should be assigned to a page.

**NOTE - The website field is used for the More Info button and should contain a full url to a page.  The staging url is currently used, but will need to be replaced with your site url once the site goes live.

Section Monklet - Recent Events (3)

This monklet displays the 3 most recent events.  You can use the find_group to define the event group (used for location/campus) and/or find_category inline parameters as needed.  *NOTE - The events module is used for several different layouts so the find_category can be used to define which type of event to use.

Uses a link list to display icons for social links.  You will use the find tag to define which link list to use.  The description field is used for the text next to the icon and the custom icon can be created by entering a custom class in the icon class field.  A full list of available icons can be found at http://cornerstoneweb.monkpreview2.com/_assets/fonts/icons/ (use http://cornerstoneweb.org/_assets/fonts/icons/ when your site goes live).

Example Monklet:

{{section-monklet-social-links|find="social-links-campus-example"}}

Section Monklet - Staff

The monklet will display all members assigned to a specific group.  After you have inserted the monklet into the content area you will use the find_group tag to define which group to display.

Example Monklet:

{{section-monklet-staff|find_group="livermore"}}