Donation Pathways

We have built a custom page layout for the Donation Pathways page:

• https://www.ifem.cc/donate_now
• https://ifem.nationbuilder.com/admin/sites/1/pages/528/subpages

You can see that this page has been tagged page_show_modules_donate_now - this tag activates all the changes seen below.

#Body content

There is special styling applied to the body content - mostly spacing and colors - which style the h1, p, and h3 tags used in the main page basic content (WYSIWYG).

Tile grid

There is a special tile grid module that was built for this page layout. This module loops through all nested basic pages (https://ifem.nationbuilder.com/admin/sites/1/pages/533/subpages_nav) and creates a tile for each of them.

If the tile doesn't have an image or a redirect subpage (tile 1) - we display the header and the content.

• Example from below:
  • headline: "Get involved."
  • content: "Donate today!"

If the tile has a meta image (set in the social media settings tab) and a redirect subpage (tile 2 through tile 6) - we use the meta image as the tile URL, we put the headline in a colored box (alternates between IFEM red and IFEM teal) and make the whole thing a clickable link to the redirect URL set in the redirect subpage.

• Example from below:
  • headline: "Donate money now"
  • meta image: child in hospital bed
  • redirect subpage url: /donate-money-now-redirect
  • URL that it redirects to: /donate

Screenshots