Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Core Component List "Display as teaser " option on 2nd Tab is not working.

Avatar

Level 2

Hi All,

I have a list component on a page where I have authored Parent Page and Child depth 1. Under parent page, I have created 2 pages and authored teaser and image component on these 2 child pages. When I choose link items, show description and show date its coming as expected. But when I choose "Display as teaser" option shown below. I am getting null OR nothing is shown for the list component.

 

maans_0-1667920503976.png

Can anybody please help me to make it work? 

My investigation: See the list.html file.

The below code: 

<li data-sly-test="${list.displayItemAsTeaser && item.teaserResource}"
class="cmp-list__item" data-sly-call="${teaserTemplate.teaser @ item = item}"
data-cmp-data-layer="${item.data.json}"></li>

This is the code for "display as teaser" option. Here list.displayItemAsTeaser is true but item.teaserResource is always null. I tried to print this value but nothing came up. How can I get  item.teaserResource here. Any pointers are appreciated? 

 

Thanks

1 Accepted Solution

Avatar

Correct answer by
Community Advisor
2 Replies

Avatar

Correct answer by
Community Advisor

Avatar

Level 1

Hey @maans ,

Not sure if you have figured it out already, but adding this for others who face the same issue.

In the list component, example /apps/<<project-name>>/components/list set the teaserDelegate value to core/wcm/components/teaser/v2/teaser and this should fix it.

jpauldhas_0-1676900263645.png