Cards and Image Block

The Cards and Image Block displays a section with a series of cards and an optional image.


Content Editor Fields

Repeater (cards_repeater)

This field allows you to create multiple cards, each with the following options:

  • Card Title: The title of the card
  • Card Intro: The body text of the card
  • Image: This field allows you to upload an image to be displayed alongside the cards.
  • Footnote: This field allows you to add a footnote to the section.

Example Usage:

Steps:

  1. Add the block: Insert the Cards and Image Block into your page or post.
  2. Set the content:
  • Card Title: "83,750 miles equivalent"
  • Card Intro: "Switching to our compostable pouch could save the same amount of greenhouse gas emitted by a car driving 83,750 miles.*"
  • Image: Upload an image
  • Footnote: *Based on third party verified LCA Data: 1 million 2kg bags switching from PET/PETMET/PE to compostable. **Based on third party verified LCA Data: 1 million 2kg bags switching from PET/PETMET/PE to recyclable.
  1. Add more rows as request

  2. Save the Block: Your Cards and Image block is now ready for display!


Result:

Preview with image:

Cards and Image with image

Editor preview:

Cards and Image acf


Conclusion:

The Dual Section Block customizes the content in the repeater field, image, and footnote, you can create a visually appealing and informative section for your website.