Branches Component

Not to be confused with the ATM Locator.

This component is used by clients to give more information about a specific, individual branch location. It is not tied in to the ATM/branch locator.

This component has its own unique subpage template.

Mustache Files

1. src > templates > branches.mustache - The main template file.

2. src > templates > _partials > subpages > team-features}} - Includes the featured team member section, with each member’s associated modal.

Script

1. src > scripts > script.js - Modal trigger script for the team member (specifically the “featured” section in this case)

2. src > scripts > sliders.js - Slider for the Branches. If you are using updated showcase files, this should be automatically un-commented if your componentBranches value in the package.json is set to true. If you’re working with older showcase files, you may need to manually uncomment these pieces. Note that there are TWO instances here, one slider within the IF (which works within the CMS and makes it easier to edit), and one within the ELSE (for the published page).

Styling

1. src > scss > sections > subpages.scss - Blog component CSS, controls basic styling for the Blog component; pieces that are common between all themes.

2. src > scss > themes > [yourtheme].scss - Styles specific to your theme.

Example Sites

Rosewood - First American Bank & Trust (No example page yet, but they did purchase this component)