New Monklets

Events > Events 

Displays the 3 most recent events published as featured.  You can use the "find_category" or "find_group" inline parameter to filter the events.

Fields

  • Website - controls the event url.
  • Summary - controls the date field.
  • Event Title - custom field used for the title of the event.
  • Event Image - displays the event image on desktop hover. 

Section Monklet - Locations Grid

People > Church

Displays a grid of items (campuses) from the Churches module.  You can use the "find_group" inline parameter to narrow down the results to a specific group.

Fields Used:

  • Church Name - location name
  • Worship Address - controls the address field (shown on mobile)
  • Youtube URL - desktop service times.  You can use the <br> tag to break the lines as needed.
  • Vimeo URL - mobile service times.  You can use the <br> tag to break the lines as needed.
  • Church Logo - Should be a square image.  Recommended at 1024px by 1024px.
  • Mobile Image - 1280px by 350px.
  • Twitter username - optional subpage link, instead of the pointing to the campus detail page

*NOTE - the url automatically directs the user to the locations template with the church detail information, unless the "Twitter Username" field is populated.

Section Monklet - Church Detail

People > Churches

This monklet can be used within a fullwidth section to display content from the Churches module for a campus. The following fields are used: 

  • Short Name - controls the campus name on the detail page
  • Worship Address - controls the address field
  • Instagram Username - directions link (google maps url)
  • Vimeo url - service times for the campus detail page. You can use the <br> tag to break the lines as needed.
  • Detail Page Image - size should be 1444px by 1090px
  • Facebook Link - custom field that adds the Facebook icon link
  • Description - hard coded to show for the Online campus page only, instead of address/directions link

The "find" inline parameter is required in order to specify the campus.

ex: {{section-monklet-church-detail|find="anoka"}} 

Section Monklet - Columns

This setup uses a monklet, and the items are controlled by a link list. This monklet will allow 2-3 items to show as columns, and if more are loaded in, then it will add the rotator component.

Here’s a rundown of the steps:

1. Create a section for each column of content. The name of the section is for internal use only, the following fields are used:

  • Description – controls the background color for the column → see here
  • Content – all of the content showing in the column pulls from this field, so you can add text, images, buttons, etc
  • Background image – will show an image as the background for the column. If this is used, no color value needs to be added to the description field → see “Section Column Example 3”

2. Create a link list to group all the column sections → the example one is titled “Section Columns Example”

  • Within the link list, create an item for each column. The “name” field can just be Item One, Item Two, etc.
  • The “description” field needs to have the slug name of the section you want to show for that item, ex: section-column-example-3 → see here. This is the section title but all lowercase and dashes instead of spaces. The slug title is also listed in the sections module for each item here. So the content from the corresponding section name will pull into this link list item in the rotator.

3. Add the “Section Monklet Columns” monklet to a section → see “Section Monklet Columns – Example”. Within the monklet, the “find” parameter needs to be added, and the link list title from step #2 needs to be specified.

ex: {{section-monklet-columns|find=”section-columns-example”}

4. The last step is to add the section with the monklet to a page → see here.

Media > Rotators

This shows an image rotator with optional image popup. For slides that you want to show the popup image, that specific slide must be an image (not video), not be linked to a page and have the custom field check box “Image Lightbox” selected.

The example section on the test page is titled “Section – Rotator Monklet with Gallery Popup”.