Contao 3.0, j_colorbox, Sprache ändern (image $ of $)

[3dr]

Hallo,
kennt jemand einen eleganten, updatesicheren Weg, die Ausgabe dieses Textelements in der j_colorbox in verschiedenen Sprachen anzubieten? Im Moment weiss ich noch nicht wo anfangen zu suchen, danke für Tipps und Hinweise!

[xchs]

Verwendest Du pro Sprache ein eigenes Seitenlayout?

[3dr]

Hallo xchs,
Danke fuer die schnelle Antwort, ja ich werde -so wie immer, fuer jede Sprache ein eigenes Layout anlegen.

[xchs]

Wenn es pro Sprache ein eigenes Seitenlayout gibt, dann kann man dort jeweils ein angepasstes Template der "j_colorbox" einbinden und laden.

Du könntest aber auch versuchen, in einer Kopie des Templates "j_colorbox.html5" die Bezeichnung je nach Sprache ausgeben zu lassen, z.B.

<?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({
        <?php
        if ($GLOBALS['TL_LANGUAGE'] == 'de')
        {
            echo 'current: "Bild {current} von {total}", . "\n"';
          }
        if ($GLOBALS['TL_LANGUAGE'] == 'en')
        {
            echo 'current: "image {current} of {total}",' . "\n";
          }
        ?>
        loop:false,
        rel:$(this).attr('data-lightbox')
      });
    });
  });
})(jQuery);
</script>

[3dr]

Hallo xchs,
Aha, so geht das, danke fuer die schnelle und hilfreiche Antwort, ich hatte schon gedacht in dem js_file arbeiten zu muessen!
Vielen Dank Dir und einen schoenen Restabend nach Wien!

[3dr]

Habe das angepasste Template jetzt mal eingebunden, erhalte aber nur eine amputierte Ausgabe (keine Navigation, keine Texte), eine Sprache ist der Seite zugewiesen, noch jemand eine Idee?

[xchs]

Kann ich den Quelltext sehen? Ist die Seite online?

[3dr]

Hallo Xchs,
klar, im Moment jedoch nur auf dem neuen Internetprojekt für eine Grundschule, die ich ehrenamtlich betreue, hier der Link: http://www.progress.guex.de/galerie.html

[xchs]

Da hast Du irgendwas falsch gemacht. Wie hast Du das geänderte Template erstellt und wie bindest Du das ein?

[3dr]

hm, neues template j_colorbox.html5 zu den bereits angelegten templates im angelegten templateordner eingefügt und deinen Code copy/paste eingefügt, der wenn ich die Zeilen

<?php 
        if ($GLOBALS['TL_LANGUAGE'] == 'de') 
        { 
            echo 'current: "Bild {current} von {total}", . "\n"'; 
          } 
        if ($GLOBALS['TL_LANGUAGE'] == 'en') 
        { 
            echo 'current: "image {current} of {total}",' . "\n"; 
          } 
          ?>

auskommentiere, auch wunderbar funktioniert. Für das Inhaltselement Galerie wird als Galerietemplate das: gallery_default angeboten (und verwendet)

[xchs]

So, grad mal schnell bei mir getestet: Wenn ich das geänderte Template ins Seitenlayout einbinde, erhalte ich im Quelltext des Frontends die folgende Ausgabe:

<script src="assets/jquery/colorbox/1.3.20/js/colorbox.min.js"></script>
<script>
(function($) {
  $(document).ready(function() {
    $('a[data-lightbox]').map(function() {
      $(this).colorbox({
        current: "image {current} of {total}",
        loop:false,
        rel:$(this).attr('data-lightbox')
      });
    });
  });
})(jQuery);
</script>

Du kannst das Template aber gerne meinetwegen auch so abändern:

<?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({
        <?php
        if ($GLOBALS['TL_LANGUAGE'] == 'de')
        {
            echo 'current: "Bild {current} von {total}",';
        }
        else
        {
            echo 'current: "image {current} of {total}",';
        }
        ?>
        loop:false,
        rel:$(this).attr('data-lightbox')
      });
    });
  });
})(jQuery);
</script>

[3dr]

Schön, mit der if else Lösung funktioniert das jetzt. Herzlichen Dank nochmal für Deine Engagement und die Lösung! Eine Frage noch: Wo kann ich mich weiter über Möglichkeiten zu Anpassung von Sprachausgaben informieren, ist das irgendwo dokumentiert?

[xchs]

In Contao gäbe es dafür beispielsweise auch den Inserttag {{iflng::*}}. Damit kann man eigentlich recht simpel entsprechende Strings bzw. unterschiedlichen Code je nach aktueller Seitensprache ausgeben lassen.

[Traumkunst]

Nur wo ich diesen Thread gerade zur Google-Frage "contao galerie image of" finde...
Meine sprach-unabhängige Lösung hierzu sieht folgendermaßen aus (Template "j_colorbox.html5"):

[...] 
          // Put custom options here
          loop: false,
          rel: $(this).attr('data-lightbox'),
          maxWidth: '95%',
          maxHeight: '95%',
          current: "{current} / {total}"
[...]

, also in den Optionen einfach die Zeile

current: "{current} / {total}"

hinzugefügt. Kein großer Geniestreich :-) Aber so weiß in der Frontend-Galerie auch jeder User in jeder Sprache (oder?), was gemeint ist.