Bilder per FTP in ein Verzeichnis hochladen, mit Text&Media als Thumbs im FE darstellen

Das TYPO3-Template "textmedia.html" wurde etwas modifiziert, so dass man unter "Medien" einen Pfad (Verzeichnis) eingeben kann, aus dem heraus Bilddateien per eigenen "Dataprocessor" gelesen werden. Sie werden dann als Thumbs im FE ausgegeben. Ein neues Feld (hier) "image_path" muss natürlich im "ext_tabels.php" und "ext_tabels.sql" für die Tabelle "tt_content" erzeugt werden.

Folgende Maßnahmen habe ich in einer kleinen eigen Ext. mit Namen "qpxviewhelper" unter gebracht:

  • "image_path" in "ext_tabels.php" angeben
  • "image_path" per "ext_tabels.sql" in der Tabelle "tt_content" anlegen
  • Den Dataprozessor "PathsImageFilesProcessor.php" unter "Classes/Dataprocessing" erstellen
  • Die "tt_content.php" unter "/Configuration/TCA/Overrides/" mit den entspr. Parametern versehen

Weiter im Template-Setup den neuen Dataprozessor bekannt machen für "textmedia":

tt_content {
   textmedia {
      dataProcessing {
      //    Bilder aus einem Verzeichnis auslesen und als "thumb" darstellen"
         3100 = kupix\qpxviewhelper\DataProcessing\PathsImageFilesProcessor
         3100 {
            pathOfImageFiles.field = image_path
            as = readImageFiles
         }
       }
   }
}

 

Hier die Teile aus der tt_content.php:

$extraContentColumns = array(
    'image_path' => array(
        'exclude' => 1,
        'label' => 'LLL:EXT:qpxviewhelper/Resources/Private/Language/locallang_be.xlf:pathWithImages',
        'config' => array(
            'type' => 'text',
            'rows' => 1,
            'cols' => 60,
            'size' => 50,
            'max' => 255,
            'default' => 'fileadmin/',
        )
    )
)

und:

\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTCAcolumns(
        'tt_content',
        $extraContentColumns
);

und noch:

\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(
        'tt_content',
        'mediaAdjustments',
        'image_path, --linebreak--',
        'before:imagewidth'
);

 

Es folgen 3 Screenshots, die die Möglichkeiten anzeigen:

Bilder direkt aus einem Verzeichnis gelesen und als THUMBS dargestellt:

Mit einem Klick auf eins der Bilder werden sie Ihnen als Media-Slider in einer "lightbox" dargestellt.

//