如何在Aem中直观显示当前页面的子页面的子页面?

时间:2018-12-12 07:35:07

标签: adobe aem sightly

我试图获得如下输出: 图片1 .... 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

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

第一级子页面( 探索,体验,住宿,品味,这就是Bhubaneswar)应该是图2中页脚的页眉。子页面(第2级)(传统电路, 这些子页面(第1级)(探索)中的“ Temples”(寺庙)应位于其下方。但是我得到了错误的输出。

1 个答案:

答案 0 :(得分: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>