Zum Inhalt springen

Newsystem (tx_news)

Die Erweiterung tx_news ist sehr komplex und flexibel, daher sollte man sich das Handbuch genauer anschauen. Im folgenden zeigen wir ein paar Anpassungen, die wir im Laufe unserer Arbeit mit tx_news gemacht haben.

Audio Dateien im Frontend ausgeben

Im Backend können unterhalb des Reiters Relationen neben Bildern und Videos auch Audio Dateien redaktionell eingepflegt werden. Diese werden standardmäßig in der Ausgabe nicht angezeigt. Es ist notwendig, dass Partials angepasst und eine weitere hinzugefügt wird.

1. Im TypoScript auf individuelles Partial Verzeichnis verweisen, statt auf die der Extension.

2. Neue Datei "MediaAudio.html" erstellen mit folgendem Code und unterhalb des eigenen Partial Verzeichnisses ablegen: .../Partials/Detail/MediaAudio.html

<div class="mediaelement" xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers">
  <div class="mediaelement-audio">
    <f:media class="audio-embed-item" file="{mediaElement}" alt="{mediaElement.originalResource.properties.alternative}" title="{mediaElement.originalResource.properties.title}"/>
  </div>
  <f:if condition="{mediaElement.description}">
    <div class="medialement-alternative-content">
      <p class="news-img-caption">
        {mediaElement.description}
      </p>
    </div>
  </f:if>
</div>

 

3.Die Dateien Partials/List/Item.html und Partials/Detail/MediaContainer.html  in seine individuellen Verzeichnisse kopieren und anpassen indem man auf diese Partial Datei "MediaAudio.html" verweist.

Bei Audio Dateien handelt es sich um den Dateityp 3. 

...
     <div class="news-img-wrap">
        <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
          <f:alias map="{mediaElement: '{newsItem.mediaPreviews.0}'}">
            ...
            <f:if condition="{mediaElement.originalResource.type} == 3">
              <f:render partial="Detail/MediaAudio" arguments="{mediaElement: mediaElement}"/>
            </f:if>
            ...
          </f:alias>
        </n:link>
      </div>
...

 

Aktualisiert: 21.04.2024