thumbnail image display in list component | Community
Skip to main content
sreedobe
sreedobe
Level 4
August 3, 2020
Solved

thumbnail image display in list component

  • August 3, 2020
  • 2 replies
  • 2016 views

Hi,

 

Enviroment: AEM 6.5

I am doing following to get a thumbnail of page.

<img src="${item.path}.thumb.140.100.png">

I am not sure, if this best practice to get a thumbnail of page display on list component.

Please suggest. ( Use case : All article pages - will be displayed as tiles using list component)

 

Thanks.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by suchawla

Hi @sreedobe It would be best that you refer core components for reference and use style system to achieve your use case.

 

 

2 replies

S
Adobe Employee
suchawlaAdobe EmployeeAccepted solution
Adobe Employee
August 4, 2020

Hi @sreedobe It would be best that you refer core components for reference and use style system to achieve your use case.

 

 

    Nupur_Jain
    Adobe Employee
    Nupur_JainAdobe Employee
    Adobe Employee
    August 4, 2020

    Hi @sreedobe 

     

    In my opinion, the way you are getting the page thumbnail is the best way to get it. As this call to page thumbail, takes care of all fallbacks required if the page does not consist of its own thumbnail. The thumbnail is returned for the page in the following order:

    1. if page has its own thumbail i.e image node under jcr:content node of page, that is returned

    2. if above does not present, it goes to page template and get page template thumbnail. It means you can set default thumnail of page as template thumnail

    3. if above does not exist, return thumbnail exists on "/libs/cq/ui/widgets/themes/default/icons/240x180/page.png"

     

    There is a servlet that takes care of this logic "com.day.cq.wcm.core.impl.servlets.ThumbnailServlet"

     

    Thanks!

    Nupur

      Terms & ConditionsAccessibility statement

      Loading footer...