Kein Problem, sondern ein Lösungsweg (hoffentlich belastbar)
Ich nutze einen Lightbox-Link, u.a. um aus dem Kontaktformular heraus die Datenschutzerklärung als Modal zu öffnen.
Bisher, bis Version 3.5, konnte ich das immer so tun:
Code:
<a href="{{link_url::XXX}}" rel="lightbox">
Das funktioniert offenbar in der Version 4.4 nicht mehr. Nach kurzer Recherche habe ich dann diese Variante hier ausprobiert:
Code:
<a href="{{link_url::XXX}}" data-lightbox>
Das öffnet zwar eine Lightbox, allerdings erscheint i.d. Konsole der Fehler "TypeError: element is undefined".
Nach einigem Herumprobieren habe ich nun folgende Lösung gefunden, die's für mich tut:
Ich ändere das Template "j_colorbox" wie folgt:
PHP-Code:
<?php
// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';
?>
<script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script>
<script>
jQuery(function($) {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
rel: $(this).attr('data-lightbox'),
maxWidth: '95%',
maxHeight: '95%',
current: "{current} / {total}"
});
});
$('a[data-lightbox-iframe]').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
rel: $(this).attr('data-lightbox'),
width: '80%',
height: '90%',
iframe: true
});
});
});
</script>
, und anschließend setze ich den Link so:
Code:
<a href="{{link_url::XXX}}" data-lightbox-iframe>
Damit klappt alles wie gewünscht
Schön wäre, wenn man vielleicht mal wieder -- wie ganz früher -- aus dem Link-Kontextmenü "Ziel" wieder "Lightbox" auswählen könnte - das würde es für den einfachen Redakteur einfacher bzw. überhaupt erst möglich machen, einen Link so zu setzen.
Lesezeichen