Lightbox in den News, der einfache Weg.

[Blacky]

Ich habe das Forum durchsucht, aber keine wirklich passende Lösung gefunden.

Der Ansatz dazu: http://forum.jtl-software.de/templa...36333-lightbox-fuer-eigene-bilder-im-cms.html

Das Problem: Ich will Bilder mit Lightbox in den News, aber es soll für den Verfasser einfach sein und er soll nicht im html schreiben müssen, weil der Editor die <script> immer löscht.

Shop-Version: 3.19

1. Kopiere templates/JTL-Shop3-Tiny/tpl_inc/news_detailansicht.tpl nach templates/JTL-Shop3-Tiny/tpl_inc/news_detailansicht_custom.tpl
Wichtig: Custom Templates müssen angeschaltet sein.

1. Editiere templates/JTL-Shop3-Tiny/tpl_inc/news_detailansicht_custom.tpl

2. Suche
<div id="news" class="custom_content">{$oNewsArchiv->cText}</div>

3. Daraus wird
<div id="news" class="custom_content">
{literal}
<script type="text/javascript">
function init1 () {
$("a.fancy-gallery1").fancybox({
'titleShow': false,
'hideOnContentClick': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.15,
'autoScale' : true,
'centerOnScroll' : true,
'autoDimensions' : false
});
}
function init2 () {
$("a.fancy-gallery2").fancybox({
'titleShow': false,
'hideOnContentClick': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayShow' : true,
'overlayColor' : '#000',
'overlayOpacity' : 0.15,
'autoScale' : true,
'centerOnScroll' : true,
'autoDimensions' : false
});
}
$(document).ready(function() {
init1();
init2();
});
</script>
{/literal}
{$oNewsArchiv->cText}
</div>
4. Speichern
5. News schreiben, Links mit der Stylesheet Klasse: fancy-gallery1 oder fancy-gallery2 versehen.
6. Fertig

Das sieht dann z.B. so aus Jailbreak FAQ - Alles was ihr zum Jailbreak wissen müsst
UND wird bei Updates nicht überschrieben.

 

[casim]

AW: Lightbox in den News, der einfache Weg.

Hey .. nice Tutorial !!

Jetzt das ganze noch in ein Plugin gepackt und man braucht sogar keine _custom-Datei mehr bzw. muss bei einem Shop-Update nicht die Dateien vergleichen / anpassen.

 

[panama.jack]

AW: Lightbox in den News, der einfache Weg.

Hallo,

danke für das Tutorial! Geht das auch für normale CMS Seiten?