Team Slider Block

This block showcases team members in a visually appealing slider format. It allows content editors to present team member profiles with images, names, job titles, and short descriptions.


Content Editor Fields

1. Heading Section:

  • Text Intro Toggle: A checkbox to enable/disable the intro block style.

    • Team Slider Title: A text field to enter the main heading.
    • Team Slider Subtitle: A text field to enter the subtitle (appears when text intro is enabled).
    • Link: A URL field to enter the link destination and a text field for the button text.
    • Brand Colour: A dropdown to select the brand color (appears when text intro is disabled).
    • Description: A WYSIWYG editor for the team introduction (appears when text intro is disabled).

2. Team Members Section:

  • Member Selection: A post selector dropdown to choose an existing team member post, you can choose multiple team members.

Example Usage:

Steps:

  1. Add the block: Insert the Team Slider Block into your page or post.
  2. Set the content:
  • Heading is text only (style): "Yes"
  • Intro Brand Color: "Navy"
  • Intro Description: ""
  • Team Slider Title: "Meet the team"
  • Team Slider Subtitle: "Why Tyler Packaging"
  • Team Slider Link:
    • Link text: "Get in touch"
    • Anchor ID / Landing page: "/contact"
  • Team Members: Slect the team members
  1. Save the Block: Your Team Slider block is now ready for display!

Result:

Preview with image:

Team Slider with image

Editor preview:

Team Slider acf