Individuelles Headerbild pro Inhaltsseite

Standardmässig wir auf jeder Inhaltsseite das gleiche Header-Bild angezeigt. Mit der folgenden Anleitung kann das Header-Bild individuell pro Inhaltsseite gesetzt werden.

1. Öffnen Sie den Template Manager unter Administration > Layout > Template Manager.

2. Wählen Sie das Template REXX aus.

3. Öffnen Sie die Datei content.html im Editor.

4. Fügen Sie am Anfang der Datei den folgenden Code ein:
   

   <script type="text/javascript">
   jQuery(document).ready(function(){
       var backgroundImg = '[[CSS_NAME]]';
       if (backgroundImg == '') {
           return;
       }
       jQuery('.bannerImage').css('background-image', 'url(' + backgroundImg + ')');
   });
   </script>

5. Bestätigen Sie die Änderungen mit Speichern.

6. Bei jeder Inhaltsseite kann über die Option Zusätzliche CSS-Klasse im Reiter Mehr nun bei Bedarf der Pfad zu einem individuellen Header-Bild hinterlegt werden. Beispiel: