Image Card A card component where you can add an image with chosen color decoration. An image card includes an image and a placeholder below it for adding the caption where you can add more data/info/CTA to the card.
  • Use Cases: Common placements include promotional sections. Cards are not clickable, but we can add CTA below if we want to link it to other page.
  • Dependencies
    • None required. The Image Card is fully self-contained and does not rely on child items or external data sources.
  • Decoration Color: Defines the color used to decorate the image
  • Image: Card image being the focal point of the container (required)
img example
This is a placeholder to add any info/CTA and this is optional
Creating an Image Card
  1. In Content Editor, create an "Image Card Folder" under the "_datasources" of your page
  2. Create a new Image Card item from the Image Card template.
  3. Fill in the fields
    • Image Card - Required field. Select the required image from the media library.
    • Decoration Color - This is an optional field
      • ⚠ Important: The colors for the background are located in the following folder:  /sitecore/content/AWTSites/GlobalRepository/Shared/Global//*[@@name='CTA Settings Folder']/Color Setting Folder. If a color does not exist (or the language version is not added), please add it to this path.
  4. In Experience Editor, insert the Image Card rendering into the awt-container (or any component which can be placed inside the awt-container).
  5. Associate the Image Card item as the data source.
  • None : There are no variants for this component.
  • There are currently no known issues with this component
Original Documentation: Confluence page is not available for this component. Designs: Could not find the Figma link Related Documentation: CTA Component, Text Description Card