Not to be confused with Team Bio, though the two are often purchased together.

This component has its own unique subpage layout.

Mustache Files

  1. src > templates > team.mustache - The main page, which includes cells for each team member. Each team member also has code for a modal trigger that the client can use. If the content area for that modal trigger is left empty, the modal will also hide. If any modal is left empty, the associated trigger will hide on the published page. Simply make sure this file is included, and put the JSON for it in your -make.json when you scaffold the site.

  2. src > templates > _partials > team-modals.mustache - All the modals for each team member.

Script

src > scripts > script.js - Script related to the triggers for the modals. Located inside the window on load function, inside the editor-only portion.

Styling

  1. src > scss > themes > _general.scss - Includes the styling that is shared between all themes for this component.

  2. src > scss > themes > [yourtheme].scss - Includes the styling for your theme’s version of this component.

  3. src > scss > cms.scss - Styling to make sure that the client can access the modals and their associated toggles in the CMS editor, without accidentally toggling the modal in the process when they don’t want to.

Example Sites

Alabaster - Pioneer Bank (Stanley)

Rosewood

Midnight - Monticello Banking Company