Wie erstelle ich ein 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:

© 2024 Cloudrexx AG | Schweizer Cloud CMS | Datenschutzerklärung