Image Displays images with the right settings  keeping presentation consistent 
  • Use Cases:
    • Showing a page banner, article image, product photo, or author headshot selected by editors.
    • Reusing a single image in multiple places with different sizes (cards, lists, hero sections).
    • Ensuring accessibility by consistently applying alt text and other attributes.
      •
    • Supporting multilingual sites by showing the right localized image.
      •
  • Dependencies
    • ⚠ Requires a Image item for rendering

      
  • Decoration Color: Color of the Image 
  • Image : Defines the background Image
  • Image Mobile : Defines the mobile Image
  • Loading Type : eager/lazy
  • References: Sources
    •  
Creating an Image Media
  1. In Content Editor, create a "Image Media folder" under the "_datasources" of your page
  2. Create new Image media from Image Media template
  3. Fill in the required fields Image
  4. Fill in optional fields: References,Overlay, zoom etc.
  5. In Experience Editor, insert the Image media rendering into the awt-container (or any component which can be placed inside the awt-container)
  6. Associate the Image media as the data source.
  • Default: Image and overlay ,zoom properties
  • Image Card: Image and Decoration color as Cards.
img example
  • There are currently no known issues with this component
Original Documentation: NA Designs: NA Related Documentation: NA