Colorbox (JQuery) mit deutschen Labels

von Oliver Richter (Kommentare: 2)

input-Felder wurden mit Platzhaltern (Inhalt der Label) ausgestattet
Bild: Deutsche Labels werden angezeigt

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>

Zurück

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.

Bachten Sie: Für die Zuordnung Ihrer Nachricht werden die hier anzugebenden Daten Name, E-Mailadresse, Ihr Kommentar gespeichert. Sofern Sie den Wunsch der E-Mail-Benachrichtigung angegeben haben, wird aufgrund technischer Notwendigkeit auch dieser Wert gespeichert. Durch Absenden des Formulars erklären Sie sich damit einverstanden. Alternativ kontaktieren Sie mich bitte über meine E-Mailadresse oder Telefon.
Detaillierte und weitere Hinweise, insb. zum Widerrufsrecht finden Sie in der Datenschutzerklärung.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht

Wie kann ich Ihnen helfen?

Sie erreichen mich über mein Kontaktformular