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.
Öffnen Sie den Template Manager unter Administration > Layout > Template Manager.
Wählen Sie das Template REXX aus.
Öffnen Sie die Datei content.html im Editor.
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>
Bestätigen Sie die Änderungen mit Speichern.
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