...
Screenshot
Use Cases
Use Case 1
A good component for Wekeil Weikel speakers and other profile pages that include individuals not in our directory.
Use Case 2
This a good block to use for Contact Us pages if they have a biography. The Sitecore Contact Us pages included an image, name, position, phone number, and email address.
Fields
Image
Use images available in WP
with biographies or other custom content not found in directory data.
Fields
Add/Edit Cards
Name
The person's name is an h3 header in red
Image
Use square images or stylized cutout headshots (also a square shape) available in the WP media library
TipHack: When you go to insert the first image in the first card, insert all of the images you want at once, and a card for each image will be automatically created.
Name
Crop image to circle?
Choose yes or no, default is yesThe person's name is an h3 header in red
Position
The person's position goes here. Since you are manually entering the data, you can use their working title instead of their actual title from the directory.
Organization
The person's department or company goes here. This field is added to the position (Position, Organization).
Email Address
...
Phone Number
Other Supporting Detail
This field appears above the email address. I have been using it for the phone number. If there no other detail is needed, it's fine to leave empty.
Description
I have been using this field for the person's biographyUse for a biography or portfolio. If there is no biography, it's fine to leave empty.
Link
Multiple links can be added to this field. I have been linking ; link to the person's profile in the directory, LinkedIn profile, their presentation video, etc.
Introduction
Add a heading and supporting copy above the cards.
Footer
Add a footnote or button(s) below the block.
Configuration
Anchor Id
Add an Id to target the block on the page with an anchor link
Enable swiper
Creates a swiper layout, rather than the standard grid layout with columns and rows.
10 card limit for the swiper, due to the width of swiper control arrows on mobile.
Note that this setting doesn't work with the standard column controls on this block. Rather, columns are fixed in the code for XS, S, M, and L viewports and you can set columns for XL screens with the next field.
Swiper Columns
Choose how many cards/columns display on XL screens – 3 or 4 columns. See which option looks best with the card content.
Block wrapper classes
Column Structure
Additional Notes
The columns are automatically set at
...