시작 키트 구성 요소

최종 사용자가 다운로드할 수 있는 페이지의 에셋을 나열하는 페이지 구성 요소를 만들었습니다. 개별 자산에 대한 경로는 경로 ​라는 속성에 저장됩니다. 제출된 양식 데이터는 포함할 에셋을 결정합니다.

다음 코드는 페이지의 에셋을 나열합니다.

   <p class="cmp-press-kit__press-kit-size">
        Welcome kit contains ${pressKit.assets.size} assets.
    </p>
<ul class="cmp-press-kit__asset-list" data-sly-list.asset="${pressKit.assets}">
    <li class="cmp-press-kit__asset-item">
        <div class="cmp-press-kit__asset " >
            <div class="cmp-press-kit__asset-content">
                <img class="cmp-press-kit__asset-image" src="${asset.path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png" alt="${asset.name}"/>
                <p class="cmp-press-kit__asset-title">${asset.title}</p>
            </div>
            <div class="cmp-press-kit__asset-actions">
                <a class="cmp-press-kit__asset-download-button" href="${asset.path}">Download</a>
            </div>
        </div>
    </li>
</ul>
</sly>
<sly data-sly-call="${placeholderTemplate.placeholder @ isEmpty=!ready}"></sly>
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e