imageflow gallerie in catalog integrieren

[1stof8]

Hallo zusammen

Ich möchte die Imageflow Gallerie in das Catalogmodul integrieren.

Im Catalog habe ich ein Feld vom Typo Datei angelegt. Mit diesem kann ich ja auch einen ganzen Order an Bildern in den Catalogreader ausgeben.

Kann mir jemand sagen wo oder ob ich da auch die Möglichkeit habe das Imageflow Modul als Ausgabe zu integrieren.

Es müsste ja eigentlich kein Problem sein dem Template das javasccript einzubauen und dann einfach die id und die Klasse zu übergeben.

Hat da eventuell jemand eine Idee oder das vielleicht sogar schon mal umgesetzt?

Gruss Joachim

[MacKP]

Hallo 1stof8,
hier hab ich mal beschrieben wie man die Bilder ausgegeben bekommt und anpassen kann -> https://community.contao.org/de/showthread.php?t=5123

Dann wie du sagtest nur noch das JS anpassen und das sollte es gewesen sein.

Viele Grüße

[1stof8]

Guten morgen....

Mit der Anweisung die du im thread schreibst komme ich noch nicht ganz ans ziel.

An was ich eigentlich ja ran möchte sind die Werte [galerie] [files]

Ich gebe folgende Anweisung ein

<div class="galerie"><?php echo $entry['data']['galerie']['files']; ?></div>

Bekomme aber dann nur den Rückgabewert !Array!

Wahrscheinlich ist das de blöde Frage weil nur ne Kleinigkeit fehlt aber wie bekomme ich alle files aufgelistet?

Hier mal kurz die Ausgabe des Catalogmodules:

und unten habe ich noch das template

Schöne Grüße
Joachim

Array
(
    [0] => Array
        (
            [id] => 1
            [catalog_name] => Packages
            [parentJumpTo] => 13
            [tablename] => packages
            [class] =>  first even
            [link] => Details/Info
            [url] => packages/items/1.html
            [data] => Array
                (
                    [icon] => Array
                        (
                            [label] => icon
                            [type] => file
                            [raw] => tl_files/icons/icon_packages_big.gif
                            [value] => 
                            [files] => Array
                                (
                                    [0] => tl_files/icons/icon_packages_big.gif
                                )

                            [meta] => Array
                                (
                                    [0] => Array
                                        (
                                            [src] => tl_files/icons/icon_packages_big.gif
                                            [alt] => Icon packages big
                                            [lb] => lbcataloglist0
                                            [w] => 80
                                            [h] => 80
                                            [wh] => width="80" height="80"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                )

                        )

                    [package_headline] => Array
                        (
                            [label] => package_headline
                            [type] => text
                            [raw] => Gründerpaket Easy
                            [value] => Gründerpaket Easy
                        )

                    [galerie] => Array
                        (
                            [label] => galerie
                            [type] => file
                            [raw] => tl_files/seitenbilder
                            [value] => 
                            [files] => Array
                                (
                                    [0] => tl_files/seitenbilder/2.jpg
                                    [1] => tl_files/seitenbilder/3.jpg
                                    [2] => tl_files/seitenbilder/4.jpg
                                    [3] => tl_files/seitenbilder/5.jpg
                                    [4] => tl_files/seitenbilder/6.jpg
                                )

                            [meta] => Array
                                (
                                    [0] => Array
                                        (
                                            [src] => system/html/2-8ee9cf94.jpg
                                            [alt] => 2
                                            [lb] => lbcataloglist0
                                            [w] => 15
                                            [h] => 15
                                            [wh] => width="15" height="15"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                    [1] => Array
                                        (
                                            [src] => system/html/3-efbbe456.jpg
                                            [alt] => 3
                                            [lb] => lbcataloglist0
                                            [w] => 15
                                            [h] => 15
                                            [wh] => width="15" height="15"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                    [2] => Array
                                        (
                                            [src] => system/html/4-ea305623.jpg
                                            [alt] => 4
                                            [lb] => lbcataloglist0
                                            [w] => 15
                                            [h] => 15
                                            [wh] => width="15" height="15"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                    [3] => Array
                                        (
                                            [src] => system/html/5-15ffb384.jpg
                                            [alt] => 5
                                            [lb] => lbcataloglist0
                                            [w] => 15
                                            [h] => 15
                                            [wh] => width="15" height="15"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                    [4] => Array
                                        (
                                            [src] => system/html/6-b4c61239.jpg
                                            [alt] => 6
                                            [lb] => lbcataloglist0
                                            [w] => 15
                                            [h] => 15
                                            [wh] => width="15" height="15"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                )

                        )

                )

        )

    [1] => Array
        (
            [id] => 2
            [catalog_name] => Packages
            [parentJumpTo] => 13
            [tablename] => packages
            [class] =>  last odd
            [link] => Details/Info
            [url] => packages/items/2.html
            [data] => Array
                (
                    [icon] => Array
                        (
                            [label] => icon
                            [type] => file
                            [raw] => tl_files/icons/icon_packages_big.gif
                            [value] => 
                            [files] => Array
                                (
                                    [0] => tl_files/icons/icon_packages_big.gif
                                )

                            [meta] => Array
                                (
                                    [0] => Array
                                        (
                                            [src] => tl_files/icons/icon_packages_big.gif
                                            [alt] => Icon packages big
                                            [lb] => lbcataloglist1
                                            [w] => 80
                                            [h] => 80
                                            [wh] => width="80" height="80"
                                            [caption] => 
                                            [metafile] => 
                                        )

                                )

                        )

                    [package_headline] => Array
                        (
                            [label] => package_headline
                            [type] => text
                            [raw] => Gründerpaket Profi
                            [value] => Gründerpaket Profi
                        )

                    [galerie] => Array
                        (
                            [label] => galerie
                            [type] => file
                            [raw] => 
                            [value] => 
                            [files] => Array
                                (
                                )

                            [meta] => Array
                                (
                                )

                        )

                )

        )

)

Template:

<?php if (count($this->entries)): ?>

<div class="layout_simple">

<?php foreach ($this->entries as $entry): ?>
<div class="item<?php echo $entry['class'] ? ' '.$entry['class'] : ''; ?>">

<div class="galerie"><?php echo $entry['data']['galerie']['files']; ?></div>

<?php foreach ($entry['data'] as $field=>$data): ?>
<?php if (!in_array($field, array('catalog_name','parentJumpTo'))): ?>
<div class="field <?php echo $field; ?>">
	<div class="label"><?php echo $data['label']; ?></div>
	<div class="value"><?php echo $data['value']; ?></div>

</div>
<?php endif; ?>
<?php endforeach; ?>

<?php if ($entry['link']): ?>
<div class="link"><?php echo $entry['link']; ?></div>
<?php endif; ?>
</div>

<?php endforeach; ?>
</div>
 
<?php else: ?>

<?php if ($this->condition): ?>
<div class="condition"><?php echo $this->condition; ?></div>
<?php else: ?>
<p class="info">There are no entries matching your search.</p>
<?php endif; ?>

<?php endif; ?>

[Toflar]

Klar bekommst du die Ausgabe "Array", es ist ja auch ein Array.

Du musst es durchlaufen:

<?php foreach($entry['data']['galerie']['files'] as $k => $v): ?>
<?php echo $v; ?>
<?php endforeach; ?>

Wobei ich mich frage, ob du nicht lieber das "meta"-Array durchlaufen möchtest, weil da auch size und caption etc. dabei sind

[MacKP]

Hallo 1stof8,
wie Toflar schon sagte wäre der meta-Teil spannender...
Und genau das hab ich in dem Link beschrieben.. mit dem Zusatz, das dort das 1. Bild einzeln behandelt wird.. also einfach die if-Abrage weg lassen... Dort ist auch schon ein schönes Beispiel wie du z.B. dann die Lightbox benutzt.. musst du also nur abwandeln...

Viele Grüße

[1stof8]

Hallo Toflar, Hallo MacKP

...jetzt hatte ich doch einiges zu tun um mich durch diese Codes zu wurschteln...

aber mit eurer Hilfe habe ich alles so hinbekommen wie ich wollte .
Vielen Dank dafür.

Wenn die Seite mit Inhalten bestückt ist - und das denke ich passiert in den nächsten 2 Wochen - könnt Ihr das Ergebnis unter www.4formedia.com betrachten.

schöne Grüße
Joachim

[dillscher]

Ähnliche Frage: Imageflow im Header ruft die Hauptbilder markierter Katalogitems auf?

Hallo zusammen,

ich hänge mich da nochmal kurz dran, da ich nichts passenderes im Forum finden konnte:

Habe aktuell einen Fahrzeugkatalog mit einem Feld für Bild und einem Feld für Bildergalerie. Nun sollen in einem Imageflow im Header der Seite die Hauptbilder ausgewählter Fahrzeuge automatisch angezeigt werden. Ist also bei Eintrag Skoda Octavia die Checkbox "ImageFlow" markiert, wird das Hauptbild des Skoda im Imageflow angezeigt usw.. Damit hätte der Betreiber der Seite die bestmögliche Option um nach Möglichkeit auch über das Frontend-CatalogEditing die gewünschten Fahrzeugbilder zu markieren.

Habt Ihr vielleicht dazu einen Denkanstoß, wie man das angehen könnte?

Viele Grüße,

Christian

[MacKP]

Hallo dillscher,
als Denkanstoß:

Modul in den Header -> catalog featured
Dort dann nur die Hauptbilder anzeigen lassen.

Jetzt kann der Kunde da schon mal die gewünschten Items darstellen.

Dann ist es an dir das Template so umzubauen (von der Liste catalog featured), das es als Imageflow dargestellt wird.
Dazu kannst du dir dann am besten die ImageFlow Seite anschauen. Eventuell brauchst du dann noch nen eigenens Seitenlayout wo das JS eingebaut wird von dir.

Viele Grüße

[dillscher]

Wunderbar. Passt...

Hallo MacKP,

vielen Dank für den Vorschlag. Hat genauso wunderbar gepasst und läuft. Du denkst "Contao" ;-).

Liebe Grüße,

Christian

[dillscher]

Featured berücksichtigt immer angewendete Filter

Hallo zusammen,

doch noch eine Frage: Nun, nachdem Imageflow mit catalog_featured so schön läuft (AutoPlay leider erst nach manuellem Update ;-)), kommt doch noch ein kleines Problem:

Dadurch dass ich die Suche per catalog_filter anwende, zeigt mir der Imageflow bei aktivem Filter eben nur Items an, auf die dieser Filter zutrifft, unter Umständen also zum Beispiel nur 1 Item. Prinzipiell sollen aber immer auf jeder verfügbaren Seite der Homepage alle featured-Items im Imageflow angezeigt werden.

Irgendjemand ne Idee, wie ich das über die Konfig von catalog_featured hinbekomme?

Liebe Grüße,

Christian

[freak_me11]

Tutorial?

Hallo,

gibt es irgendwo ein richtiges Tutorial (step by step) um Imageflow als Cataloggalerie zu verwenden?
- Ich bekomme es einfach nicht hin -

Ich denke, dass einige User daran Interesse hätten - nicht nur ich...
Ich habe zwar alle Tutorials und Forenbeiträge gelesen, aber ich denke ich bin noch zu unerfahren soetwas ohne Tutorial umzusetzen. Falls es noch kein Tutorial geben sollte - hat jemand Lust und Zeit eins zu schreiben?
Wenn nicht auch kein Problem, dann schaue ich mich nach einer Alternative um, aber schön wäre es schon.

Viele Grüße

[MacKP]

Hallo freak_me11,
soweit ich weiß gibt es da kein extra tutorial.
Ich weiß auch nicht so genau wo dein Problem liegt...

Die HTML Ausgabe muss im Template anscheinend so angepasst werden, das alle Bilder innerhalb von einem Div ausgegeben werden, welches eine extra Klasse hat:

<div class="deineklasse">
<img>
<img>
<img>
</div>

Was du dann noch brauchst ist das JS, was auf der Seite eingebunden werden muss und der Aufruf im Header mit der Klasse.
Also ein extra Seitenlayout anlegen, da die JS Dateien aufrufen und im Header den Zusatz einbringn.

Mehr ist das soweit ich das gerade sehe nicht. Und für Anpassungen am Template gibts ja eine extra Seite im Wiki...

Viele Grüße

[freak_me11]

Danke für deine Antwort.
Mein Problem liegt einfach darin, dass ich ein Neuling bin was Webdesign angeht - mein Freund hat eine Werbeagentur und ich finde das einfach wahnsinnig interessant und wollte deshalb auch mal ein bisschen was in Richtung Webdesign lernen. Da er aber gerade im Urlaub ist kann ich Ihn leider nicht fragen...

Ich komme gerade einmal mit HTML und CSS klar. JS und PHP habe ich noch gar nicht gelernt. Mit dem Catalog im Allgemeinen komme ich schon ganz gut klar, allerdings eben ohne Templateanpassungen. Das mag für euch Experten kein Ding sein, für mich ist das aber alles noch zu schwer...

Ich wollte eben nur mal nachfragen, ob es ein Tutorial gibt und wenn nicht, ob evtl. jemand Lust und Zeit hätte eines zu verfassen, denn fast 2.000 Klicks auf diesen Thread beudeuten meiner Meinung nach, dass schon ein reges Interesse besteht...
Und wenn ich was anhand von Tutorials umsetze kann ich meiner Meinung nach auch sehr gut daraus lernen.

Viele Grüße