Member & directory blocks

Member and directory blocks pull live data from your directory and user accounts — featured businesses, sponsor logos, and your staff or board. Every block is added from the page editor's left sidebar.

New to the editor? Read How the page editor works first — it covers opening a page, the Add button and Add a section panel, editing fields, reordering, and publishing. The steps below pick up from there.

• Featured members
• Sponsor grid
• Staff and board grid

Featured members

Featured members is a row of member cards (or just logos) pulled live from your directory. Use it to spotlight selected businesses on the home page or a category landing page.

When to use it

• A "Featured businesses" row on the home page.
• A logo wall of premium-tier members.
• A category-specific row (e.g. only Restaurants) on a sub-page.

What it looks like

Screenshot needed: A live featured members row. Save at public/help-images/blocks/featured_members/example.png.

Fields

• Members — Pick specific members to feature. Leave empty to show all members.
• Max members to show — How many to display. Default is 6.
• Filter by category — Optional. Pick categories to limit the row to a subset. Ignored when you've picked specific members above.
• Cards per row — 1 through 6. Default is 3.
• Display style — Card (default, full card with logo, name, category, and a short description) or Logos only (just the logo, or the business name as a fallback).
• Card height (px) — The card height in pixels. Default is 280.
• Auto-scroll — Off (default), left, or right. Animates the row as a marquee.
• Speed — Slow, medium (default), or fast. Only used when auto-scroll is on.

Step-by-step: adding featured members

1. First make sure the businesses you want to spotlight exist and have logos in your directory (each business's logo comes from its member record).
2. In the page editor, click Add, then under the Dynamic category click the Featured members thumbnail. The block is added and its settings open in the sidebar.
3. In the Heading group, edit the Section title (default "Featured members") or clear it to hide the title.
4. In the Filters group, choose who appears: open Members and pick specific businesses, or leave it empty to show all. Use Max members to show to cap the count, and Filter by category to narrow by category (ignored once you've picked specific members).
5. In the Display group, set Cards per row and pick a Display style — Card to introduce members with name and description, or Logos only for a cleaner logo wall.
6. To animate the row, set Auto-scroll to left or right and choose a Speed. Leave it Off for a static grid.
7. Preview, then Publish.

Gotcha: in Logos only style, a member with no uploaded logo falls back to showing its name as text. Confirm every featured business has a logo before choosing that style.

Screenshot needed: The Display style field toggled between Card and Logos only. Save at public/help-images/blocks/featured_members/display-style.png.

Tips

• For "logos only" style, make sure each business has a logo uploaded — otherwise the name shows as text.
• Use auto-scroll when you have more featured members than fit on one row.
• Cards show a truncated description — keep member descriptions sharp on the member admin page.

Sponsor grid

The sponsor grid is a row of sponsor logos. Each logo links to that business's directory page. By default it pulls active sponsorships; you can also pick specific businesses to feature.

When to use it

• A "Proud partners" or "Thank you to our sponsors" row near the bottom of the home page.
• Recognizing event sponsors on an event landing page.
• A clean wall of logos for any partnership-heavy organization.

What it looks like

Screenshot needed: A live sponsor grid. Save at public/help-images/blocks/sponsor_grid/example.png.

Fields

• Section title — Default is "Proud partners". Edit or leave blank to skip.
• Logos per row — 1 through 6. Default is 4.
• Sponsors (blank = all) — Pick specific businesses. Leave blank to auto-show every active sponsorship.
• Display style — Framed (default, logo in a bordered box) or Logos only (bare image, no frame).
• Logo height (px) — The logo box height in pixels. Default is 140. Logo width (px) is blank by default (even by column count).
• Auto-scroll — Off (default), left, or right. Turns the row into a continuous marquee — useful when you have many sponsors.
• Speed — Slow, medium (default), or fast. Only used when auto-scroll is on.

Step-by-step: adding a sponsor grid

1. In the page editor, click Add, then under the Dynamic category click the Sponsor grid thumbnail. The block is added and its settings open in the sidebar. (This block lives in a page's lower/outro zone — on system pages, use the After the form/list Add button.)
2. In the Content group, edit the Section title (default "Proud partners") or clear it to hide the title.
3. Still in Content, open Sponsors (blank = all) and pick specific businesses to curate the wall, or leave it blank to auto-show every active sponsorship.
4. In the Display group, set Logos per row (1–6, default 4), pick a Display style (Framed or Logos only), and adjust Logo height (px) to suit your design.
5. If your sponsor list is long, set Auto-scroll to left or right with a Speed to run it as a marquee.
6. Preview, then Publish.

Gotcha: each logo renders in a uniform box, so a business with no uploaded logo shows its name as text. Make sure every sponsor has a logo, and square logos line up most cleanly.

Screenshot needed: The Sponsors picker with a few businesses selected. Save at public/help-images/blocks/sponsor_grid/picker.png.

Tips

• Logos render in uniform-size frames — square logos look most consistent.
• Make sure each business has a logo uploaded; without one, you'll see the business name as text.
• Use auto-scroll once you pass eight logos; below that, a static grid looks cleaner.

Staff and board grid

The staff / board grid is a card per person — pulled from your staff and board user accounts. Use it on your About or Leadership page to introduce the people behind the organization.

When to use it

• An "Our team" section on the About page.
• A "Board of directors" listing on a governance page.
• Any place visitors expect to see human faces and names.

What it looks like

Screenshot needed: A live staff grid. Save at public/help-images/blocks/staff_board_grid/example.png.

Fields

• Columns — How many cards per row. Default is 3.
• Section title — Default is "Our team". Edit to "Board of directors", "Leadership", or whatever suits the page.
• Team members — Pick which staff or board members to show, in the order you want. Leave it empty to show everyone. Each card pulls the headshot, name, title, and role from that person's account. Only users with an Admin or Staff role appear in the picker.

Step-by-step: adding a staff / board grid

1. First make sure each person has a staff or board account — an Admin or Staff user — with a name, a title (e.g. "President"), and a headshot uploaded. Only Admin/Staff users appear in the picker.
2. In the page editor, click Add, then under the Content category click the Staff / board grid thumbnail. The block is added and its settings open in the sidebar. (This block lives in a page's lower/outro zone — on system pages, use the After the form/list Add button.)
3. In the Content group, edit the Section title (default "Our team") to something like "Board of directors" or "Leadership".
4. Open Team members (blank = all) and check the people to feature. The picker keeps your selection order, so add them in the sequence you want them shown. Leave it empty to show everyone.
5. In the Display group, set Columns to match your group size (3 looks good for 6–9 people).
6. Preview, then Publish.

Gotcha: each card pulls its headshot, name, title, and role from the person's account — you can't edit those here. Someone with no headshot shows their initials, and a missing title leaves a blank line, so complete each account first.

Screenshot needed: The Team members picker with several people selected. Save at public/help-images/blocks/staff_board_grid/picker.png.

Tips

• Set each person's title (e.g. "President", "Treasurer") on their staff account — it shows under their name.
• The picker preserves your order, so drag in members in the sequence you want them displayed.
• Upload square headshots for the most polished look; without one, the card shows the person's initials.