Basic Teaser

Short Description:

The Simple Teaser is an addition to our collection of static components and should primarily be an alternative to our much used Basic Teaser. This way the author gets more possibilities to present content. The user gets an appealing visual, which is the main part of the component. Further more, a small headline and CTA link can present more information. 

Considerations:

The image always has a fixed ratio of 4:3, you can use any image with any image ratio, but we recommend using only a 4:3 image.

The CTA link can link to external links, internal links, and assets.

The image is a mandatory field. You can't close the CQ-Dialog if you don't put a picture on it.

Page Design Example

Figma: NA

Page Design

Example

Pretitle

Bestellen Sie

descr

Ihren Reisefilm
alt text 
    
    

    
  1. 
        titleType:
        div
    
    2. 

    
  2. 
        jcr:title:
        Bestellen Sie
    
    3. 

    
  3. 
        linkURLHidden:
        ,
    
    4. 

    
  4. 
        imageFromPageImage:
        false
    
    5. 

    
  5. 
        fileReference:
        /content/dam/aida-component-library/demo/images/teasers/simple-teaser.png
    
    6. 

    
  6. 
        pretitle:
        Pretitle
    
    7. 

    
  7. 
        titleFromPage:
        false
    
    8. 

    
  8. 
        alt:
        alt text
    
    9. 

    
  9. 
        asset:
        false
    
    10. 

    
  10. 
        modal:
        false
    
    11. 

    
  11. 
        jcr:description:
        <p>descr</p>

    
    12. 

    
  12. 
        linkTarget:
        _self
    
    13. 

    
  13. 
        descriptionFromPage:
        false
    
    14. 

    
  14. 
        sling:resourceType:
        aida-component-library/core/components/content/teaser
    
    15. 

    
  15. 
        isDecorative:
        false
    
    16. 

    
  16. 
        disableLazyLoading:
        false
    
    17. 

    
  17. 
        textIsRich:
        true
    
    18. 

    
  18. 
        altValueFromDAM:
        false
    
    19. 

    
  19. 
        cq:styleIds:
        1677497034683
    
    20. 



    
        

    




    

    
        

            
    

        Pretitle
    


            
  


    
      Bestellen Sie
    

    
  


            
    
descr




            
    

        

    

    
        Ihren Reisefilm
    

    

    


        


        
            
    



    
        alt text
    
    
    



    




        

    

    



    




    

    


    JSON

Built with Core Components 2.27.0.