Begrüßungs-Kit-Komponente

Letzte Aktualisierung: 2024-01-29
  • Erstellt für:
  • Beginner
    Developer

Eine Seitenkomponente wurde erstellt, um die Assets auf der Seite aufzulisten, die von der Endbenutzerin bzw. dem Endbenutzer heruntergeladen werden können. Die Pfade zu den einzelnen Assets werden in einer Eigenschaft mit dem Namen paths gespeichert. Die übermittelten Formulardaten bestimmen die einzuschließenden Assets.

Mit dem folgenden Code werden die Assets auf der Seite aufgelistet:

   <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>

Auf dieser Seite