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 %}