Next Steps Layout #2

Setup Overview

Files

  • mcms_nextsteps_2.php
  • /_components/ajax/nextsteps_2/ajax-nextsteps2-detail.php
  • /_assets/js/layouts/mcms_nextsteps_2.js
  • /_assets/css/layouts/mcms_nextsteps_2.css (the colors are commented out and added to override.css)

Groups

  • There is a group series labeled "Next Steps".  Each group assigned to this series should have a matching series from the Articles Module.  The step sections will match that corresponding section category to that articles series and will display each article within that series in the section.
  • Each article must have a group that matches the article title (this is a different group than the groups assigned to the "Next Steps" series).  Once a member is assigned to the group that matches the article title and is logged in that step/article will display as completed.   This group is also used to display events with the same group on the step detail.

Page Settings

  • If a page contains a private group the login/private sections will display.  Once a visitor is logged in and assigned to the same private group as the page the step sections will display.
  • If a page does not contain a private group the default header area will display along with the step sections.

Sections

  • There are 7 step sections.   Each of these 7 step sections are for the placement of the step and requires the Description field, Icon Class field and a Section Category that matches an Article Module series.
  • Each step section should contain a title in the "Description" field for the section title.
  • Each step section should contain a class in the "Icon Class" field that uses a site icon option.  This field is specific to MK041).  No other section fields are used so you may update the template to use a different field for the icon class for other themes/sites.
  • Each step section should have a category assigned that matches an Article Module series (used to bring in articles with that series assignment).
  • Login -  Section that displays the default login information from the section.   Background and Dark options are available.
  • Login Welcome - Optional Section that displays in the left column next to the "Login" section.  Background and Dark options are available.
  • Private About - Section that displays in the content area of the page when the page is private and the visitor is not logged in.
  • Page Background -  Section used for the steps page background.  Background and Dark options are available.

Monklets

  • "Next Steps 2 - Login".  This monklet displays the site default login option.

Articles

  • Each step section category must match an article series.  All articles with the matching series will display in date order.  The article category "Next Steps" should be used to provide an option to hide articles from other layouts.
  • Each article image and preview text will display in view.
  • When the visitor selects "View this Step" button the lightbox will display the article media options followed by the article content.

Events

  • Once a visitor selects "View this Step" button any events assigned to the group that matches the article title (see Groups above) will display under the article detail.

Additional Notes

  • The create an account form in the "Login" section is an Ekklesia360 form wrapped in a div with the class "form-lightbox".  eg. <div class="form-lightbox">{{tag="form" find="create-an-account"}}</div>