[catalog_manager] Bildgröße wird nicht übernommen

Ich versuche gerade den Catalog Manager für eine Kundenwebseite zu konfigurieren und tue mich ein bisschen schwer ... Immerhin: ein Anfang ist gemacht :)

Gerade komme ich mit den Bildgrößen nicht weiter. Wenn ich einen Feldtyp 'Datei-Upload' und dort den Dateityp 'Galerie' mit Angabe einer Bildgröße auswähle, werden die Bilder im Frontend in der richtigen Größe angezeigt. Wähle ich allerdings Dateityp 'Bild', muss ich das Kästchen 'Als Array ausgeben' damit das Bild überhaupt im Frontend angezeigt wird. Die Option 'Bildgröße verwenden' greift hier allerdings nicht, d.h. die BIlder werden im Frontend in voller Größe angezeigt. Hat jemand eine Idee, woran das liegt?

Am Schönsten wäre es natürlich, wenn man die Bildgröße nicht schon im Catalog Manager sondern erst im Modul angeben könnte, um die Anzeige auf einzelnen Seiten unterschiedlich gestalten zu können. Hat jemand damit Erfahrung?

Welche Version hast du installiert?

Version v1.31.60

Oder meintest Du die Contao-Version? Die ist 4.12.3

Wenn ich mir die Variablen im Template mit

Code:

---

<?php $this->showTemplateVars() ?>

---

anzeigen lasse, taucht in der Ausgabe die ausgewählte Bildgröße nicht auf, sondern nur die Bildgröße des Originalbildes. Im Template wird das Bild bei mir in dieser Form eingebunden:

HTML-Code:

---

                    <?php if ( is_array( $this->vorschau ) && !empty( $this->vorschau ) ): ?>
                        <div class="vorschaubild">
                            <img src="<?= $this->vorschau['picture']['img']['src'] ?>" alt="<?= $this->title ?>">
                        </div>
                    <?php endif; ?>

---

Zitat:

---

Zitat von Lufine

Wenn ich einen Feldtyp 'Datei-Upload' und dort den Dateityp 'Galerie' mit Angabe einer Bildgröße auswähle, werden die Bilder im Frontend in der richtigen Größe angezeigt.

---

Hm, das funktioniert jetzt leider auch nicht mehr ... Auch hier wird das Bild in der Original-Bildgröße eingebunden, durch die Aufteilung in Reihen/Spalten allerdings skaliert.

Hallo Lufine,

ich habe bei dem Upload-Bild mit dem Feldnamen "bild" in den Bildeinstellungen eine Bildgröße angegeben und "Bildgröße verwenden" aktiviert.

Anhang 25133

Und im Template dann ausgegeben mit:

HTML-Code:

---

<?php if ($this->bild): ?>
    <div class="ctlg_entity image_container float_left"><?= $this->bild; ?></div>
<?php endif; ?>

---

Im Frontend habe ich dann:

HTML-Code:

---

<div class="ctlg_entity image_container float_left">
  <div class=" block">
        <figure class="image_container">
              <img src="assets/images/6/IMG_3003%202-ca2f7873.jpeg" srcset="assets/images/6/IMG_3003%202-ca2f7873.jpeg 1x, assets/images/f/IMG_3003%202-8ac1d259.jpeg 2x" width="100" height="125" alt="" itemprop="image">
        </figure>
  </div>
</div>

---

Danke, ich habe es jetzt mit Hilfe des Entwicklers auf diese Art und Weise im Template gelöst:

Code:

---

{{picture::<?= $this->vorschau['picture']['img']['src'] ?>?alt=<?= $this->title ?>&size=8}}

---

'vorschau' ist der Feldname, den ich beim Einrichten des CM angegeben habe, '8' ist die ID der Bildgröße.

Ich habe exakt das gleiche Problem. Auch bei uns werden die Bildgrößen nicht verwendet. Ich kann den Fehler nicht finden. In der Catalog Manager Demo funktioniert es. Die Einstellungen sind sonst identisch. Mit dem Code von Lufine funktioniert es für ein Bild. Was müsste ich aber für eine Bildergalerie machen? Folgender Code gibt mir zumindest die Bilder mit singleSRC aus. Wie bekomme ich das dann aber mit Contao Bildgröße hin?

PHP-Code:

---

<?php if ( is_array( $this->gallery ) ): ?>
    <?php foreach ($this->gallery as $arrGallery): ?>
        <?php foreach ($arrGallery as $objImage): ?>
            <?php if ($objImage->singleSRC): ?>
                <img src="<?= $objImage->singleSRC ?>">
            <?php endif; ?>
        <?php endforeach; ?>
    <?php endforeach; ?>
<?php endif; ?>

---

Guck mal, ob Dir dieser Code-Schnipsel weiterhilft:

Code:

---

<li class="<?= $this->cssClass ?>">
    <?php if( $this->masterUrl ): ?>
            <a href="<?= $this->masterUrl ?>" title="<?= $this->title; ?>">
    <?php endif; ?>
    <?php if ( is_array( $this->vorschau ) && !empty( $this->vorschau ) ): ?>
        <figure class="vorschau">
                {{picture::<?= $this->vorschau['picture']['img']['src'] ?>?alt=<?= $this->title ?>&size=8}}
        </figure>
    <?php endif; ?>
        <?php if ($this->name): ?>
        <p><?= $this->name ?></p>
    <?php endif; ?>
   
    <?php if( $this->masterUrl ): ?>
            </a>
    <?php endif; ?>
</li>

---

Mit Alexanders Hilfe geht es nun:

HTML-Code:

---

<?php if ( is_array( $this->bildergalerie ) ): ?>
        <div>
                <ul>
                        <?php foreach ($this->bildergalerie as $arrGallery): ?>
                                <?php foreach ($arrGallery as $objImage): ?>
                                        <li>{{picture::<?= $objImage->singleSRC ?>?alt=<?= $this->title ?>&size=2}}</li>
                                <?php endforeach; ?>
                        <?php endforeach; ?>
                </ul>
        </div>
<?php endif; ?>

---

Ich möchte ebenfalls ein über den Catalog Manager hinterlegtes Bild in unterschiedlichen Templates in unterschiedlichen Größen ausgeben.

Verwende ich $this->bild_test im Template wird das individuell angelegte und verknüpfte Template ce_image_test.html5 samt Bild ausgegeben.
Versuche ich nur das Bild inkl. Alt- und Size-Attribut nach dem von Lufine genannten Schema auszugeben, passiert nichts.

Code:

---

{{picture::<?= $this->bild_test['picture']['img']['src'] ?>?alt=<?= $this->title ?>&size=6}}

---

Muss das Bild im Catalog Manager anders angelegt werden (aktuell Dateityp "Bild") oder hat sich zwischenzeitlich der interne Pfad zum Abruf des Bildelements geändert?