This article goes into detail on how to create a Card Listings
April 21, 2023How to Add a Card Listing Paragraph Reference:
Card listing paragraphs let editors display/sort information in a new way.
Card listing paragraphs are useful when you have to list information in a more interactive way. Click here for more information about Listing nodes.
STEPS:
- Select Add Paragraph Reference in Layout Builder.
- (optional) Enter any Block Heading as desired.
- Select Add Listing from the Configure Block page.
- Select ‘A Card Listing' for Listing Type
- Click here for more listing options.
- Select the amount of columns from the first dropdown menu. The options currently available are 2 and 3 columns.
- Select the Card Type Standard Cards display basic information on the front while a Flip Card can have additional information added onto the back.
- Add Card Title
- Select 'Card Icon' to add an icon onto the card.
- See a list of available icons
- Please note solid style icons are currently unavailable
- Optional: Add Card Image to use an image instead of an icon
- Card Link Text For standard cards this field will refer to the node you are linking.
- Note:For Flippy cards this field is referring to the information on the back of the card, i.e "Flip Card for more Info."
- Optional: For Standard Cards, add Card Link URL for the Card Link Text's link
- Optional: For Flippy Cards, add Card Flip Side Content for the back of the card.
- Select 'Add Card' to add more cards to the list.
- Select ‘Add Block’ to finish adding the Paragraph.
Standard Cards
Standard Card
This Card Cannot Flip
Cards Can Have no Icons
This Links to a Node
![Family walking along creek bed](/sites/default/files/styles/full_article_width/public/2022-05/AdobeStock_104817184-cropped-flipped_0.png?itok=tVLHpbcY)
Standard Card with an Image Instead of an Icon
This is not a Link
Flippy Cards
Flippy Card
Click Here to Flip!
New way to display information.
![flippy](/sites/default/files/styles/full_article_width/public/2023-04/flippy_0.jpg?itok=3Bia7QIF)
Flippy Card
Click Here to Flip!
New way to display information.