Colorbox (JQuery) mit deutschen Labels
von Oliver Richter (Kommentare: 2)
Um die in Contao verwendete Colorbox mit deutschen Labels wie "Bild 1 von 2" auszustatten, muss zuerst ein mal das entsprechende Template "j_colorbox.html5" bzw. "j_colorbox.xhtml" in den Template-Ordner des jeweiligen Themes kopiert und die Datei anschließend bearbeitet werden.
Dies können Sie über den Menüpunkt "Layout" - "Templates" erledigen. Klicken Sie dort auf "Neues Template" und erzeugen Sie in dem Ihrem Theme zugeordneten Templates-Ordner eine Kopie des jeweiligen Templates - hier ist es beispielsweise die Datei "j_colorbox.html5".
Um nun den deutschen Text "Bild 1 von 2" anstelle von "Image 1 of 2" zu erzeugen ist im Javascript-Bereich des Templates ganz konkret die folgende Zeile verantwortlich...,
current: "Bild \t {current} \t von \t {total}",... die dem Template hinzugefügt werden muss - direkt unterhalb der Zeile des Kommentars "Put custom options here". Weitere mögliche anzupassenden Ansichten sind:
previous: "Voheriges",
next: "Naechstes",
close: "Schliessen",
xhrError: "Dieser Inhalte konnte nicht geladen werden.",
imgError: "Dieses Bild konnte nicht geladen werden.",Hier nun noch mal der komplette Inhalt der Template-Datei "j_colorbox.html5" inkl. der deutschen Bilder-Label-Angabe:
<?php
// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/jquery/colorbox/'. COLORBOX .'/css/colorbox.min.css||static';
?>
<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/colorbox/<?php echo COLORBOX; ?>/js/colorbox.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
rel: $(this).attr('data-lightbox'),
current: "Bild \t {current} \t von \t {total}",
maxWidth: '95%',
maxHeight: '95%'
});
});
});
})(jQuery);
</script>Sie befinden Sich in der Detailansicht eines Blog-Eintrags.
Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht.
Einen Kommentar schreiben
Kommentar von Robert |
Besten Dank das hat mir geholfen!
Kommentar von Martin |
Das Problem hatte ich auch...
Ich hab dafür eine Extension entwickelt, die frei verfügbar ist.
Nennt sich "mae_lightbox_text" und funktioniert ab Contao 3.4.0
Bei mehrsprachigen Seiten hat man so auch die Möglichkeit, zu jeder Sprache den passenden Text in der Lightbox zu haben.
Antwort von Oliver Richter
Danke, sehr schön.