Ergebnis 1 bis 13 von 13

Thema: imageflow gallerie in catalog integrieren

  1. #1
    Contao-Nutzer Avatar von 1stof8
    Registriert seit
    09.12.2009.
    Ort
    Oberstdorf
    Beiträge
    121

    Standard imageflow gallerie in catalog integrieren

    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

  2. #2
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  3. #3
    Contao-Nutzer Avatar von 1stof8
    Registriert seit
    09.12.2009.
    Ort
    Oberstdorf
    Beiträge
    121

    Standard

    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
    Code:
    <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

    Code:
    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:

    Code:
    <?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; ?>

  4. #4
    Contao-Urgestein Avatar von Toflar
    Registriert seit
    15.06.2009.
    Beiträge
    4.467
    Partner-ID
    8667
    User beschenken
    Wunschliste

    Standard

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

    Du musst es durchlaufen:

    PHP-Code:
    <?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
    Contao Core-Entwickler @terminal42 gmbh
    Wir sind Contao Premium-Partner!
    Für Individuallösungen kannst du uns gerne kontaktieren.
    PS: Heute schon getrakked?

  5. #5
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  6. #6
    Contao-Nutzer Avatar von 1stof8
    Registriert seit
    09.12.2009.
    Ort
    Oberstdorf
    Beiträge
    121

    Standard 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

  7. #7
    Contao-Nutzer
    Registriert seit
    04.11.2009.
    Beiträge
    111

    Standard Ä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

  8. #8
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  9. #9
    Contao-Nutzer
    Registriert seit
    04.11.2009.
    Beiträge
    111

    Standard Wunderbar. Passt...

    Hallo MacKP,

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

    Liebe Grüße,

    Christian

  10. #10
    Contao-Nutzer
    Registriert seit
    04.11.2009.
    Beiträge
    111

    Standard 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

  11. #11
    Contao-Fan
    Registriert seit
    14.01.2011.
    Beiträge
    260

    Standard 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

  12. #12
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  13. #13
    Contao-Fan
    Registriert seit
    14.01.2011.
    Beiträge
    260

    Standard

    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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Externe Gallerie einbinden
    Von skulldred im Forum Entwickler-Fragen
    Antworten: 2
    Letzter Beitrag: 08.09.2010, 17:12
  2. Gallerie mit Untergallerien
    Von mad im Forum Bilder/Dateien
    Antworten: 10
    Letzter Beitrag: 27.03.2010, 14:25
  3. Redaktion & Gallerie
    Von typolol im Forum Was kann Contao?
    Antworten: 4
    Letzter Beitrag: 09.03.2010, 10:12
  4. Suche Bilderverwaltung Gallerie
    Von efix im Forum Bilder/Dateien
    Antworten: 10
    Letzter Beitrag: 15.02.2010, 13:28
  5. [imageflow]imageflow.css wird nicht geladen
    Von Simon im Forum Sonstige Erweiterungen
    Antworten: 0
    Letzter Beitrag: 23.06.2009, 09:35

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •