CBK-030 Download

Wann wird die Komponente verwendet?

Die Komponente Download-Button kommt zum Einsatz, um Dateien direkt zum Herunterladen bereitzustellen. Sie eignet sich insbesondere für das Bereitstellen von PDFs, Präsentationen oder Broschüren. Die Komponente stellt sicher, dass der Download eindeutig gekennzeichnet ist, ein konsistentes Erscheinungsbild aufweist und barrierefrei nutzbar ist.

Dialogfelder

Ein Screenshot eines "Download"-Fensters, das den Tab "Asset" mit einem leeren Feld anzeigt, das von einer gestrichelten Linie umgeben ist und den Text "Drop an asset here" enthält.

Auswahl eines vorhandenen Dokuments aus dem DAM (empfohlene Vorgehensweise)
Alternativ Drag & Dop direkt über das Feld
Unterstützung gängiger Dateiformate wie PDF, DOCX, PPTX, ZIP etc.

Ein Screenshot eines "Download"-Eigenschaften-Fensters. Es zeigt Eingabefelder für Titel, Beschreibung und Aktionstext sowie Checkboxen, um Daten aus einem DAM-System abzurufen, mit einer Scrollleiste.

Title: Vergabe eines Titels
- Checkbox "Get title from DAM asset": Übernimmt den Titel der Datei aus den DAM Properties; standardmäßig aktiviert
Description: Vergabe einer Kurzbeschreibung
- Checkbox "Get title from DAM asset": Übernimmt die Beschreibung der Datei aus den DAM Properties; standardmäßig aktiviert
Action Text: Text zur Ausführung des Downloads, sollte im Sinne der Barrierefreiheit eindeutig sein, z.B. Download der Broschüre XYZ
Checkbox "Display inline": Wenn diese Option aktiviert ist, wird die Datei nicht automatisch heruntergeladen, sondern direkt im Browser angezeigt, sofern der Dateityp vom Browser unterstützt wird
ID: Hierüber kann eine individuelle ID in die Komponente eingefügt werden, im Quellcode sichtbar.

Häufig gestellte Fragen

Nein, die Komponente unterstützt nur ein einzelnes Asset pro Download-Button.

Nein, eine direkte Bearbeitung dieser einzelnen Felder ist nicht möglich. Die Anzeige der Felder Dateiname, Größe und Format sind fix.

Für eine bessere Übersicht und Details können aber der Titel und die Beschreibung angepasst oder überschrieben werden.

Der Button verweist automatisch auf die aktualisierte Datei, solange der Pfad gleich bleibt. Ändert sich der Ablageort der Datei, zum Beispiel durch ein manuelles Hochladen an anderer Stelle, muss die Verknüpfung neu gesetzt werden. Wird eine Datei manuell verschoben, passt sich der Pfad im Download-Button automatisch mit an.

Nein, es können nur Assets aus der Coop-eigenen DAM eingebunden werden.

Grundfunktionen wie korrekte Beschriftung und Tastaturnavigation sind integriert, die Inhalte der zum Download angebotenen Datei ist dabei nicht berücksichtigt. Die Inhalte sind gesondert barrierefrei zu gestalten.

Die Checkbox "Display inline" muss angehakt sein. Zusätzlich ist sicherzustellen, dass der vewendete Browser die Datei und das jeweilige Format unterstützt. Beispielsweise werden Office-Dateien (z.B. DOCX) eher nicht inline dargestellt, der Typ PDF hingegen schon.

Beispiele Verwendung des Download-Buttons

Einbindung Download-Button mit Beispielbild, das Bild hat die in der DAM hinterlegten Werte geerbt. Bei unspezifischen Beschreibungen, werden diese 1:1 wiedergegeben. Hier empfiehlt es sich Titel und Beschreibung direkt in der Download-Komponente zu überschreiben.