Design Option Cards Block

The Design Option Cards Block generates a section with a series of cards, styled according to a chosen brand theme. This block is ideal for showcasing various options or features in a visually consistent and appealing manner.


Content Editor Fields

Header

  • Heading: The main heading for the entire section.
  • Excerpt: A brief introductory or explanatory paragraph appearing below the heading.

Cards

  • Repeater (cards_repeater):
    • A repeatable group of fields to create individual cards.
    • Each card consists of:
      • Title: The heading for the specific card.
      • Excerpt: A short description or elaboration on the card's content.

Example Usage:

Steps:

  1. Add the block: Insert the Design Option Cards Block into your page or post.
  2. Set the content:
    • Heading: "Make it your way"
    • Excerpt: "No matter what products our clients need storage solutions for, keeping their contents fresh and protected at all times is vital. Thanks to our internal production methods and a range of options to choose from we’ll ensure that much-needed quality across your product range."
  3. Add Cards:
    • Click on "Add Row" within the "Repeater (cards_repeater)" field.
    • For each card:
      • Title: Enter a descriptive title for the design option (e.g., "Co-extrusion").
      • Excerpt: Provide a concise overview of the design option's characteristics, benefits, or target audience.(e.g "From three layers to up to seven, co-extrusion lets us fortify our products with those much-needed barrier properties to keep your products safe, secure and at the top of their game. ")
  4. Save the Block: Your Design Option Cards Block is now ready for display!

Result:

Preview with image:

Design Option Cards with image

Editor preview:

Design Option Cards acf


Conclusion:

The Design Option Cards Block will render a visually appealing section on your webpage, showcasing a series of cards with consistent styling. Each card will display its title and excerpt, providing users with a clear and concise overview of each design option. The overall presentation will be both informative and engaging, encouraging users to explore the different options available.