Bildauswahl hat nach Update auf 2.11 keine Mediabox und Bildformat funktioniert nicht

**Kahmoon** · 21.02.2012, 17:21

Servus beisammen,

ich habe in einem Kundenbereich einer Fotografenseite eine Bildauswahl für den User. Zwei Sachen scheinen sich hier nach dem Update auf 2.11.0 geändert zu haben.

Bilder werden nicht mehr "exact format" geschnitten, das davor genau wie bei Galerie (siehe Anhang)
Mediabox für Großansicht funktioniert nicht mehr

Mootools sind korrekt eingebunden. Es gibt auch keinen Fehler in der Konsole von Firebug. Lightbox auf allen anderen Seiten ohne efg funzt

. Dabei ist mir im Quelltext aufgefallen das die Lightbox neuerdings mit data-lightbox="lb12" statt rel="lightbox" angesprochen wird. Nach einer Anpassung des Templates (form_efg_imageselect_fullsize.tpl) von rel= auf data-lightbox= geht das wieder.

Vermutlich ist das Ganze noch nicht 2.11 kompatibel?

Hilfe!

.

Gruß
Frank

**Kahmoon** · 21.02.2012, 22:48

Hier noch mal die Lösung für die Lightbox - form_efg_imageselect_fullsize.tpl

Von

HTML-Code:

<a href="<?php echo $col['href']; ?>" rel="lightbox[<?php echo $this->lightboxId; ?>]" title="<?php echo $col['alt']; ?>">

zu

HTML-Code:

<a href="<?php echo $col['href']; ?>" data-lightbox="lightbox" title="<?php echo $col['alt']; ?>">

Eckige Klammern kann man hier weglassen dann checkt er das es mehrere Bilder gibt.

HTML-Code:

<div class="imageselect block">
<table cellspacing="0" cellpadding="0" summary="Image gallery">
<?php foreach ($this->body as $class=>$row): ?> 
    <tr class="<?php echo $class; ?>">
        <?php foreach ($row as $col): if ($col['hasImage']): ?> 
        <td class="<?php echo $col['class']; ?>" style="width:<?php echo $col['colWidth']; ?>;">
        	<div class="image_container"<?php if ($col['margin']): ?> style="<?php echo $col['margin']; ?>"<?php endif; ?>>
            	<a href="<?php echo $col['href']; ?>" data-lightbox="lightbox" title="<?php echo $col['alt']; ?>">
                	<img src="<?php echo $col['src']; ?>"<?php echo $col['imgSize']; ?> alt="<?php echo $col['alt']; ?>" />
                </a>
                
                <?php if ($col['caption']): ?>
                	<div class="caption"><?php echo $col['caption']; ?></div>
                <?php endif; ?>
				
                <div class="imageselect_checkbox">
                	<?php if ($this->multiple): ?>
    					<input type="checkbox" name="<?php echo $col['optName']; ?>[]" id="<?php echo $col['optId']; ?>" class="checkbox <?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>
    					<span class="filename"><?php echo $col['alt']; ?></span>
    				<?php else: ?>  
    					<input type="radio" name="<?php echo $col['optName']; ?>" id="<?php echo $col['optId']; ?>" class="radio<?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>
                    <?php endif; ?>
                </div>  
      		</div>
      </td>
      <?php else: ?> 
      <td class="<?php echo $col['class']; ?> empty">&nbsp;</td>
      <?php endif; endforeach; ?> 
    </tr>
<?php endforeach; ?> 
</table>
<?php echo $this->pagination; ?>
</div>

Leider konnte ich die Erzeugung der Thumbnails in der richtigen Größe noch nicht lösen

Gruß
Frank

**Rubin** · 27.02.2012, 14:17

Zitat von Kahmoon

Hier noch mal die Lösung für die Lightbox - form_efg_imageselect_fullsize.tpl

Von

HTML-Code:

<a href="<?php echo $col['href']; ?>" rel="lightbox[<?php echo $this->lightboxId; ?>]" title="<?php echo $col['alt']; ?>">

zu

HTML-Code:

<a href="<?php echo $col['href']; ?>" data-lightbox="lightbox" title="<?php echo $col['alt']; ?>">

Eckige Klammern kann man hier weglassen dann checkt er das es mehrere Bilder gibt.

HTML-Code:

<div class="imageselect block">
<table cellspacing="0" cellpadding="0" summary="Image gallery">
<?php foreach ($this->body as $class=>$row): ?> 
    <tr class="<?php echo $class; ?>">
        <?php foreach ($row as $col): if ($col['hasImage']): ?> 
        <td class="<?php echo $col['class']; ?>" style="width:<?php echo $col['colWidth']; ?>;">
        	<div class="image_container"<?php if ($col['margin']): ?> style="<?php echo $col['margin']; ?>"<?php endif; ?>>
            	<a href="<?php echo $col['href']; ?>" data-lightbox="lightbox" title="<?php echo $col['alt']; ?>">
                	<img src="<?php echo $col['src']; ?>"<?php echo $col['imgSize']; ?> alt="<?php echo $col['alt']; ?>" />
                </a>
                
                <?php if ($col['caption']): ?>
                	<div class="caption"><?php echo $col['caption']; ?></div>
                <?php endif; ?>
				
                <div class="imageselect_checkbox">
                	<?php if ($this->multiple): ?>
    					<input type="checkbox" name="<?php echo $col['optName']; ?>[]" id="<?php echo $col['optId']; ?>" class="checkbox <?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>
    					<span class="filename"><?php echo $col['alt']; ?></span>
    				<?php else: ?>  
    					<input type="radio" name="<?php echo $col['optName']; ?>" id="<?php echo $col['optId']; ?>" class="radio<?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>
                    <?php endif; ?>
                </div>  
      		</div>
      </td>
      <?php else: ?> 
      <td class="<?php echo $col['class']; ?> empty">&nbsp;</td>
      <?php endif; endforeach; ?> 
    </tr>
<?php endforeach; ?> 
</table>
<?php echo $this->pagination; ?>
</div>

Leider konnte ich die Erzeugung der Thumbnails in der richtigen Größe noch nicht lösen

Gruß
Frank

Hallo Frank,
bei mir klappt es weder so noch so mit der Lightbox.
Ich habe contao 9.5
Für die Auflistung habe ich das Template list_fd_simple_default, für die Details info_fd_simple_default.
Test seite: hier
Auf der rechten Seite hatte ich es mal mit dem Katalog schön hingekriegt, leider muss es aber Formularauflistung sein, damit der Kunde nicht manuell die Daten aus dem Formular ins Katalog übertragen muss.
Wie kann ich dem Auflistungstemplate eigene CSS-Klassen zuordnen? Ich würde gerne die Formular-Felder anders gestalten als die Formular-Werte.

Sorry im Voraus für die Anfänger-Sprache

**Kahmoon** · 27.02.2012, 14:22

Meine Anpassungen gelten NUR für Contao 2.11.0. Davor war es immer rel="lightbox". Wichtig ist auch im Layout "moo_mediabox.tpl" zu aktivieren.

Aber generell sind alle Templates so aufgebaut das man ohne Anpassungen alles via CSS ansprechen kann. Einfach die entsprechenden Klassen via CSS formatieren.

Bist du sicher das es sich bei deinem Problem um das Modul efg handelt? Kann ich auf der Seite irgendwie nicht finden!?

**Kahmoon** · 27.02.2012, 14:33

Ach ja...mein Problem mit der Thumbnailgenerierung besteht nach wie vor

. Ist ein Update in Sicht? Weiß jemand wie ich das auf die Schnelle fixen kann?

**Rubin** · 28.02.2012, 18:37

Zitat von Kahmoon

Ach ja...mein Problem mit der Thumbnailgenerierung besteht nach wie vor

. Ist ein Update in Sicht? Weiß jemand wie ich das auf die Schnelle fixen kann?

Ich glaube es hat was mit der neuen Funktion Crop /Exaktes Format zu tun. Ich habe das hier gefunden: https://www.contao-community.de/show...ional-gestellt

In meinem Fall auf der Test Seite ist das EFG- Auflistungsmodul installiert. Er listet die über das Formular eingegebenen Daten, samt Bilder aus.
Wenn man auf die Details geht, werden alle Bilder untereinander gezeigt. Die hätte ich gerne in einer Lightbox dargestellt, damit ich dann nur das erste Bild anzeigen Lasse und die restlichen wären dann per CSS erstmal ausgeblendet.
Nur kriege ich die Leightbox nicht zum laufen, obwohl die im Template form_efg_imageselect_fullsize erwähnt ist.

PHP-Code:


<div class="imageselect block">

<table cellspacing="0" cellpadding="0" summary="Image gallery">

<?php foreach ($this->body as $class=>$row): ?> 

<tr class="<?php echo $class; ?>"><?php foreach ($row as $col): if ($col['hasImage']): ?> 

  <td class="<?php echo $col['class']; ?>" style="width:<?php echo $col['colWidth']; ?>;"><div class="image_container"<?php if ($col['margin']): ?> style="<?php echo $col['margin']; ?>"<?php endif; ?>><a href="<?php echo $col['href']; ?>" rel="lightbox[<?php echo $this->lightboxId; ?>]" title="<?php echo $col['alt']; ?>"><img src="<?php echo $col['src']; ?>"<?php echo $col['imgSize']; ?> alt="<?php echo $col['alt']; ?>" /></a><?php if ($col['caption']): ?><div class="caption"><?php echo $col['caption']; ?></div><?php endif; ?>

<div><?php if ($this->multiple): ?>

<input type="checkbox" name="<?php echo $col['optName']; ?>[]" id="<?php echo $col['optId']; ?>" class="checkbox<?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>

<?php else: ?>  

<input type="radio" name="<?php echo $col['optName']; ?>" id="<?php echo $col['optId']; ?>" class="radio<?php echo $this->class; ?>" value="<?php echo $col['srcFile']; ?>"  <?php echo $col['checked']; ?>/>

<?php endif; ?></div>  

  </div></td><?php else: ?> 

  <td class="<?php echo $col['class']; ?> empty">&nbsp;</td><?php endif; endforeach; ?> 

</tr><?php endforeach; ?> 

</table>

<?php echo $this->pagination; ?>

</div>

Hat jemad einen Tipp?

**Kahmoon** · 28.02.2012, 18:53

Die Lightbox geht da nicht mehr. Siehe mein Workaround oben.

PHP-Code:


rel="lightbox[<?php echo $this->lightboxId; ?>]"

muss durch

PHP-Code:


data-lightbox="lightbox"

ersetzt werden.

**Rubin** · 28.02.2012, 20:11

..ich habe ja die Contao Version 2.9.5. Deine Anpassung betrifft aber die 2.11.
Wie hatest Du es vor dem Update gehandhabt? Musstest Du da auch schon was anpassen?
Ich forste seit Tagen alle möglichen Foren durch, aber scheit keiner hatte Lightbox in Verbindung zu EFG zu gebrauchen...

HELP!!

**Kahmoon** · 28.02.2012, 20:52

Ach so stimmt ja sorry...check mal dein Layout ob hier moo_mediabox.tpl aktiviert ist und dem Strukturpunkt dieses Layout zugeordnet ist.

**Rubin** · 28.02.2012, 21:29

Danke für die Unterstützung!!!

moo-mediabox ist definitiv ausgewählt und funktioniert auf anderen Bildern auch (in der rechten Spalte mit Katalog realisiert)...
..andere Ideen??
Es fehlt was im EFG Template, denn beim Formularanlegen oder Moduls erstellen, gibt es keine Option Bildergalerie oder ähnliches... nur im Template wird Lightbox erwähnt..

**Kahmoon** · 09.03.2012, 23:17

Ich muss das Thema noch mal schieben. Bezüglich der neuen Crop Modes - ist ein update von efg geplant? aktuell sieht die Bildauswahl leider bissl vogelwild aus

**Rubin** · 10.03.2012, 19:12

ich glaube man könnte es mit default-werten vorbelegen, wie hier beschrieben...

**Kahmoon** · 10.03.2012, 20:44

Das Feld ist belegt und Werte sind gesetzt. Sie werden nur ignoriert

**Kahmoon** · 16.03.2012, 14:25

@tom
Ich würde das Thema gerne noch mal ansprechen

. Ist hier ein Update bezüglich des Cropmodes geplant oder hast du evtl. einen temporären Workaround für mich? ie aktuelle Darstellung ist leider etwas Kraut & Rüben

Wäre super

Gruß