ce_download.html5

Basierend auf das template ce_download.html5 wurde eine kleine Modifikation zur möglichen Vorschau von pdf-files gemacht:

PHP-Code:

---

<?php $this->extend('block_searchable'); ?>

<?php $this->block('content'); ?>

  <p class="download-element ext-<?= $this->extension ?>">
    <a class="view-pdf" href="<?= $this->singleSRC ?>"><i class="fas fa-search-plus"></i></a>
    <a href="<?= $this->href ?>" title="<?= $this->title ?>"><?= $this->link ?> <span class="size">(<?= $this->filesize ?>)</span></a>
  </p>

<?php $this->endblock(); ?>

---

Warum wurde die Modifikation gemacht?
Ein Kunde vermerkte, dass er beim Klick auf den Link, seitens Browser keine Möglichkeit/Auswahl erhalten hat die Datei anzuzeigen oder herunter zu laden » die Datei wurde sofort herunter geladen.

Was ist die Anpassung?
Der Zusatz '<a class="view-pdf" href="<?= $this->singleSRC ?>"><i class="fas fa-search-plus"></i></a>' erstellt vor dem Downloadlink ein Lupen-Icon, welches in einen <a>-tag gehüllt ist und eine Vorschau "erzwingt"
» '<?= $this->singleSRC ?>'

(In meinem Fall wird die Vorschau modal angezeigt - dies wird via zusätzliches script ermöglicht)
Link zur aktiven Seite

Ab Contao 4.7 kann das auch direkt in den Einstellungen des Inhaltselements konfiguriert werden.