catalog Bilder öffnen in einzelnen Lightboxen, statt in einer

[art-instinct]

Ich habe unter Contao 2.11.4 den Catalog 2.0.0 beta2 build 61, HTML5.

Ich möchte, dass Bilder einer Galerie (also wenn 4 Bilder ausgewwählt sind zu einem Katalogeintrag), dass diese in einer Lightbox durchgeklickt werden können. Ich muss aber jedes Bild in einer neuen Lightbox öffnen und vorher die alte schließen.

Ich hab ein Auswahlfeld für mehrere Dateien im Katalog angelegt. Folgende Haken sind gesetzt:
- Mehrfach-Auswahl
- Nur Dateien erlauben [jpg]
- Als Bildfeld mit Miniaturansicht erstellen
- Link als Dateidownload oder Bilder-Lightbox erstellen.

Anpassungen bzg. rel=lighbox -> data-lightbox habe ich vorgenommen.

So sind die Bilder über das Template eingebunden. Es handelt sich dabei immer um 2 bis 4 Bilder.

<div class="images">
    <?php echo $entry['data']['af_bild']['value']; ?>
  </div>

Egal ob ich die slimbox oder mediaboy aktiviere, kein unterschied.


Im Frotnend wird folgendes ausgegeben:

<div class="images">
 <span class="image first even">
  <a data-lightbox=[lbaf_referenzencataloglist0]" href="tl_files/albertfischergmbh/referenzen/2012/bf_bielefeld_senne_01.jpg" title="<p>Vorbereitung Pflasterarbeiten</p>">
   <img src="system/html/bf_bielefeld_senne_01-abd569ce.jpg" alt="<p>Vorbereitung Pflasterarbeiten</p>" width="60" height="60" />
 </a>
 </span>
 <span class="image odd">
  <a data-lightbox=[lbaf_referenzencataloglist0]" href="tl_files/albertfischergmbh/referenzen/2012/bf_bielefeld_senne_02.jpg" title="<p>Einbau von Fertigteilen</p>">
   <img src="system/html/bf_bielefeld_senne_02-1a43c75f.jpg" alt="<p>Einbau von Fertigteilen</p>" width="60" height="60" />
  </a></span>
 <span class="image even">
  <a data-lightbox=[lbaf_referenzencataloglist0]" href="tl_files/albertfischergmbh/referenzen/2012/bf_bielefeld_senne_03.jpg" title="<p>Bahnsteig kurz vor Fertigstellung</p>">
   <img src="system/html/bf_bielefeld_senne_03-66948c61.jpg" alt="<p>Bahnsteig kurz vor Fertigstellung</p>" width="60" height="60" />
  </a>
 </span>
 <span class="image last odd">
  <a data-lightbox=[lbaf_referenzencataloglist0]" href="tl_files/albertfischergmbh/referenzen/2012/bf_bielefeld_senne_04.jpg" title="<p>Fertiger Bahnsteig nach Inbetriebnahme</p>">
   <img src="system/html/bf_bielefeld_senne_04-5cb7d8d6.jpg" alt="<p>Fertiger Bahnsteig nach Inbetriebnahme</p>" width="60" height="60" />
  </a>
 </span>
</div>

Die <p>-Tags in den Alt- und Title-Texten kommen von [meta_editor], ich weiß noch nicht, wie ich die wegbekomme...

Hat jemand eine Idee woran das mit den Lightboxen liegen kann?

[MacKP]

Hallo art-instinct,
eignetlich sollten die alle über den weiter Pfeil erreichbar sein.
In früheren Versionen sorgte zumindest dieser Eintrag dafür:
data-lightbox=[lbaf_referenzencataloglist0]"
Dadurch das die alle den gleichen haben wurde früher erkannt, das die in eine Galerie gehören...
Eventuell kannst du ja mal mit einer normalen Galerie in Contao vergleichen was sich da eventuell geändert hat an der Syntax?

Die <p> Tags bekommst du weg, wenn du das in der dcaconfig anpasst.

Viele Grüße

[art-instinct]

Danke.

Da war ein Fehler in dem Code, den ich in die ModuleCatalog.php geschrieben habe. Da haben sich eckige Klammern reingemogelt. Jetzt funktionierts!

Das ist der korrekte Code:

$tmpFile = '<a data-lightbox="lb' . $this->strTable . $id . '" title="'.$alt.'" href="'.$file . '/' . $subfile.'">'.$tmpFile.'</a>';

EDIT: Wer das WIKI liest ist klar im Vorteil. http://de.contaowiki.org/Meta_editor ganz unten der Punkt "HTML Ausgabe ein- / ausschalten". Funktioniert.