Wie bestimmtes Bild aus dem Array ziehen?

[Carino]

Hi,

ich kann im Templates ja mittels:
<?php echo $this->images->generateMainImage('thumbnail'); ?>
auf das erste Bild, was als Produktbild hinterlegt ist, zugreifen.

Wie spreche ich jedoch das 2. oder 3. Bild im Array an?

Danke für eure Hilfe!

Grüße,
Lars

[Carino]

Habs mir überlegt, ich lege einfach ein extra feld dafür an.

[bcit6k]

wie hast du die Bilder dan angelegt? als Attribut Media? und wenn ja wie hast du Zugriff auf diese Bekommen?

[raveolution]

Alle weiteren Bilder kannst du mit ->images->generateGallery(); ausgeben. Aber auch da kannst du die einzelnen Bilder nicht direkt ansprechen.

Ich hatte das Problem auch gerade erst und hab mir dafür einfach 'ne neue Galerie-Klasse geschrieben. Das geht relativ schnell, da diese Klasse von der Isotope-Galerie-Klasse erbt.


Viele Grüße,
Stephan

[Carino]

Also ich habe die weiteren Bilder als Media Attribute angelegt, ja.
Abfragen kann man diese mit z.B.

<?php echo $this->header_image->generateMainImage('header'); ?>

wobei "header_image" das Attribut ist und "header" für die Größe und Handhabung in der iso_gallery_defalt.tpl bzw. in der Shopkonfigutation (Bildergrößen) angepasst wird.

Bei der Bildergalerie, die immer dabei ist, kannst du mit

<?php echo $this->images->generateMainImage('thumbnail'); ?>

das 1. Bild der hinterlegten ansprechen, während

<?php echo $this->images->generateGallery('mini',0); ?>

alle außer dem 1. Bild ausgibt, und ohne ,0 alle Bilder ausgegeben werden.

Gruß,
Lars

[bcit6k]

hi danke für deine Antwort das hat mich auf die Idee gebracht auch eine eigene Funktion in die IsotopeGallery.php zu schreiben. Ich benötige nur den Pfad des Bildes und somit habe ich mir folgende funktion eingesetzt

public function get_href_for_image(){
        $arrFile = reset($this->arrFiles);
        return $arrFile['gallery'];
    } 

danke!

[andreas.schempp]

In die IsotopeGallery solltest du gar nicht schreiben, das ist nicht update-sicher! Für diesen Zweck können eigene Galerie-Typen angelegt werden, ich würde dir das empfehlen.

[bcit6k]

hi,

danke für die info, wo muss ich so eine Variante eintragen das die Update sicher ist?

lg

[andreas.schempp]

Eine eigene Klasse extends IsotopeGallery anlegen, und diese in deiner config.php aktivieren.

$GLOBALS['ISO_GAL']['custom'] = 'CustomGallery'; 

Dann noch die entsprechenden Sprachlabels, und die neue Galerie in der Shop-Konfiguration auswählen.

[bcit6k]

super danke für deine Hilfe! dann bau ich das gleich so um!

[sepher]

Hallo Contao Fans,

Da ich durch diesen Beitrag und durch "bcit6k"s Hilfe auf die Lösung gekommen bin denke ich schadet es nicht meinen Weg hier zu demonstrieren.

Ziel war es bei der Produktübersicht auf jedem Produktbild einen Hover Effekt zu haben, der jeweils das 2 Produktbild einblendet.
Nachdem ich vergeblich versucht habe das 2 Bild alleine aus der Datenbank auszulesen (Ev. kann mir da jemand offenbare, wie genau Isotope aus dem Blob in der DB
herausfindet, wo das sich dieses Bild befindet ?! ), bin ich nun auf foglede Lösung gestossen:

Im Template iso_list_default.html5 habe ich unterhalb von <?php echo $this->getGallery('images')->generateMainImage(); ?>
noch <?php echo $this->getGallery('images')->generateGallery(); ?> eingefügt. Nun werden alle Bilder auf der Webseite angezeigt.

Per Javascript habe ich nun alle ausgeblendet ausser die ersten 2.

var gallery_img = $('body.products .product_image');
	
	jQuery.each(gallery_img, function() {
		
		var this_figures = $(this).find('figure');
		var count = 1;
		jQuery.each(this_figures, function(){
			if (count > 2) {
			$(this).addClass('none');
			} else {
				$(this).addClass('img_'+count);
			}
			count++;
		});
	});

Danach noch mit CSS die Bilder übereinander gelegt und den Hover Effekt erzeugt.

.product_image {
	position: relative;
}

.product_image figure {
	background-color: #fff;
}

.product_image figure.none {
	display: none;
}

.product_image:hover figure.img_2 {
	z-index: 99;
}
.product_image figure.img_2 {
	position: absolute;
	top: 0px;
	z-index: -1;
}

Vieleicht hilft es ja jemandem ;D

LG
Kajetan

[eBlick]

Auch ich würde gerne auf einzelne Bilder der Galerie zugreifen.
Allerdings möchte ich das Ausgabetemplate modifizieren.

Beim Bild habe ich einen individuellen Link:
Bildschirmfoto 2016-04-15 um 09.52.24.png

Das hier verlinkte Bild öffnet sich allerdings in einem neuen Fenster. Es soll sich ebenfalls in der Lightbox öffnen.

Dazu würde ich die HTML-Struktur selbst erstellen, benötige aber den Bildlink ['link']aus dem geschützen Array:

[8ba79334352ccf2f4bb42d4d19cb9629] => Array
                                        (
                                            [src] => he1_50px.jpg
                                            [alt] => 
                                            [link] => /assets/images/r/r53_60_v_he1.jpg
                                            [desc] => HE1 - Echtholz Eiche hell
                                            [translate] => 
                                            [main_size] => width="550" height="550"
                                            [main_imageSize] => Array
                                                (
                                                    [0] => 550
                                                    [1] => 550
                                                    [2] => 2
                                                    [3] => width="550" height="550"
                                                    [bits] => 8
                                                    [channels] => 3
                                                    [mime] => image/jpeg
                                                )

                                            [main] => assets/images/0/he1_50px-11683f50.jpg
                                        )

So will es nicht:

<?php echo $this->getGallery('image_inlay_carbon')->field('link')-value(); ?>