Menus and Forms

When setting up your layout, templates, and partials there are other elements that you can use to build your theme.

Menus

Multiple menus can be used in your REACH theme. There is a liquid tag used for pulling the links from your menu and then traversing the tree. The example below builds a menu with dropdowns and uses the method "menus.main-menu" to reference the Main Menu using it's permalink "main-menu".

Example:

{% for link in menus.main-menu %}
  <li>
    <a href="{{ link.url }}">{{ link.title }}</a>
    {% if link.links.size > 0 %}
      <ul>
        {% for l in link.links %}
          <li><a href="{{ l.url }}">{{ l.title }}</a></li>
        {% endfor %}
      </ul>
    {% endif %}
  </li>
{% endfor %}

Forms

There are two forms that can be rendered in templates for supporters to take an action step to support your organization

New Sponsorship Form
Use the form below to render a form for a supporter to start a new sponsorship. The sponsorship object must be present in the template and passed to the form in order for it to display properly.

Example:

{% sponsorship_form sponsorship %}
{% endsponsorship_form %}

New Campaign Form
Use the form below to render a form for the supporter to start a new personal fundraising page. You can build a custom workflow for the campaign by hiding the form rendered using the code below via CSS or JavaScript then building another form on top which will fill out this form’s fields and click submit when completed.

Example:

{% campaign_form %}
{% endcampaign_form %}

Feedback and Knowledge Base