如何在aem中显示当前页的child页的child页？

Question

我正在尝试获得如下输出：- 图一 .... required ouput

我正在为页脚组件编写以下代码段-

<div class="ftrsection" data-sly-repeat="${currentPage.listChildren}">
    <h3 data-sly-test.child="${item.title}" >${child}</h3>      
    <ul class="footermenu">
     <li data-sly-repeat.child1="${currentPage.listChildren}">
      <a href="${item.path}.html" title="${item.title}" class="">${child1.title}</a> 
     </li>        

    </ul>
   </div>

我得到以下输出-Generated output。

我的站点在 aem 中的结构是 Site structure in aem。

我正在尝试获取根页面的 child 页中的 child 页。

一级child页（ Explore, Experience, Stay, Taste, This Is Bhubaneswar) 应该是页脚的 headers，如图 2 所示。 child 页面（第 2 级）（Heritage Circuits， child 页面（第 1 级）（探索）中的神庙）应该在它们下面。但是我得到了错误的输出。

Answer 1

您的第二次迭代 (data-sly-repeat) 再次列出当前页面的子项。我相信你想列出当前 item:

的子页面

<div class="ftrsection" data-sly-repeat="${currentPage.listChildren}">
                <h3 data-sly-test.child="${item.title}" >${child}</h3>      
                <ul class="footermenu">
                    <li data-sly-repeat.subpage="${item.listChildren}">
                        <a href="${subpage.path}.html" title="${subpage.title}" class="">${subpage.title}</a> 
                    </li>        

                </ul>
            </div>

如何在aem中显示当前页的child页的child页？

How to display child pages of child page of current page in sightly in aem?

adobe

aem

sightly