Image Title Teaser

Short Description:


The component can display an image with a title on the image. Content is maintained directly on the site.

 

Marketing purpose:

To display in easy way an image with some text on it to a user.

Based on Core Component

This component uses an AEM Core Component Teaser. Out of the box, the Teaser has some functionalities that are not in use here.Pretitle (multi-line)

  • Description
  • CTA Button

Teaser Styles

It is mandatory to use the teaser type. However, neither the styles nor the additional options are required (See image below). No visible changes will apply to the Teaser if you select one of them.

Info
Choose Teaer Type

Title: don't use more than 2 lines 

Mit uns startet euer Urlaub schon am Flughafen 

    
    

    
  1. 
        titleType:
        h2
    
    2. 

    
  2. 
        jcr:title:
        Mit uns startet euer Urlaub,schon am Flughafen
    
    3. 

    
  3. 
        imageFromPageImage:
        false
    
    4. 

    
  4. 
        fileReference:
        /content/dam/aida-component-library/demo/images/teasers/Sample-Hero-Teaser-ship-xl.png
    
    5. 

    
  5. 
        actionsEnabled:
        false
    
    6. 

    
  6. 
        titleFromPage:
        false
    
    7. 

    
  7. 
        modal:
        false
    
    8. 

    
  8. 
        linkTarget:
        _self
    
    9. 

    
  9. 
        descriptionFromPage:
        false
    
    10. 

    
  10. 
        sling:resourceType:
        aida-component-library/core/components/content/teaser
    
    11. 

    
  11. 
        isDecorative:
        false
    
    12. 

    
  12. 
        textIsRich:
        true
    
    13. 

    
  13. 
        altValueFromDAM:
        true
    
    14. 

    
  14. 
        cq:styleIds:
        1646993790848
    
    15. 



    
        

    




    

    
        

            
    

            
  


    
      Mit uns startet euer Urlaub
    
      schon am Flughafen
    

    
  


            
    

            
    

        


        
            
    



    
        
    
    
    



    




        

    

    



    




    

    


    JSON

Wir unterstützen Sie jederzeit 

    
    

    
  1. 
        titleType:
        h2
    
    2. 

    
  2. 
        jcr:title:
        Wir unterstützen Sie jederzeit
    
    3. 

    
  3. 
        imageFromPageImage:
        false
    
    4. 

    
  4. 
        fileReference:
        /content/dam/aida-component-library/demo/images/teasers/Sample-Hero-Teaser-ship-xl.png
    
    5. 

    
  5. 
        actionsEnabled:
        false
    
    6. 

    
  6. 
        titleFromPage:
        false
    
    7. 

    
  7. 
        descriptionFromPage:
        false
    
    8. 

    
  8. 
        sling:resourceType:
        aida-component-library/core/components/content/teaser
    
    9. 

    
  9. 
        textIsRich:
        true
    
    10. 

    
  10. 
        cq:styleIds:
        1646993790848
    
    11. 



    
        

    




    

    
        

            
    

            
  


    
      Wir unterstützen Sie jederzeit
    

    
  


            
    

            
    

        


        
            
    



    
        
    
    
    



    




        

    

    



    




    

    


    JSON

Built with Core Components 2.27.0.