Produktdarstellung wie Google-Shopping

am 02.12.2014 - 16:59 Uhr in
Hallo zusammen,
für eine Website brauche ich eine Produktdarstellung wie auf Google-Shopping. Ein "Unformatted List"-View der Produkte mit Bildern und Basic-Infos ist ja schnell gemacht, aber wie bekomme ich diesen Accordion-Effect per Mausklick hin? Geht vermutlich mit jquery, ich habe aber keinen Plan.
Über Hilfestellungen würde ich mich sehr freuen.
Danke im voraus
Martin
- Anmelden oder Registrieren um Kommentare zu schreiben
Hier hast du das komplette
am 03.12.2014 - 00:20 Uhr
Hier hast du das komplette Tutorial dazu http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-pre...
Dieses Tutorial ist bereits auf responsive Darstellung ausgelegt und liefert dir alle CSS und JS Dateien gleich mit incl. Live Demo.
Als nächstes mußt du nun das Markup an Drupal anpassen, da ja deine Imagefields bzw. xxxxxx.tpl Dateien von diesen IDs oder Klassen noch nichts wisssen.
Grüße Jenna
Sehe gerade das es auch ein
am 03.12.2014 - 00:27 Uhr
Sehe gerade das es auch ein Drupal 7 DEV Modul gibt, kannst es ja mal probieren, oft laufen auch DEV Versionen ohne Probleme.
https://www.drupal.org/project/views_elastic_grid
Für Hilfeseiten google mal nach "Expanding Preview"
Deine Ergebnisse würden mich interessieren da ich diese Funktion demnächst auch bei einer Seite umsetzen möchte.
Grüße Jenna
Grid Preview
am 15.01.2015 - 09:32 Uhr
Hallo Jenna,
vielen Dank für den Hinweis. Mir ist leider eine größere familiäre Baustelle spontan entgegengeflogen, deshalb meine späte Reaktion.
Ich lade mir das Modul jetzt runter und gebe dann Bescheid.
HG
Martin
Edit: Modul inzwischen angetest. Macht für mich einen brauchbaren Eindruck. Mit ein bisschen CSS lässt sich für mich alles passend einrichten.
Allerdings bekomme ich permanent einen Fehler bei Nutzung einer speziellen Funktion, mit Hilfe derer man festlegen kann, welches Item bein Laden der Seite geöffnet wird (wenn ich das richtig verstanden habe).
Also nochmal ein grosses Danke!
Edit 2:
Hier noch die Fehlermeldung, die bei Anwahl eines Möglichkeit unter "ID Field for URL Fragments" mit Ausnahme der Standardeinstellung "View row number" erscheint.
Notice: Undefined property: stdClass::$field_kategorie_nr in template_preprocess_views_elastic_grid_list() (Zeile 96 von C:\...\sites\all\modules\views_elastic_grid\views_elastic_grid.module).
Hier die Erläuterung zu "ID Field for URL Fragments": A unique ID field (Node ID, etc.) so that links to specific items open those items on page load.
Noch ein Bug
am 15.01.2015 - 12:03 Uhr
Leider musste ich heute morgen feststellen, dass sich die Ausgabe im aufgeklappten Zustand nicht formatieren lässt. Die class der einzelnen fields wird nicht durchgereicht, sodass alle fields in einer Reihe stehen. Somit ist das Modul im derzeitigen Entwicklungsstand leider nicht brauchbar.
Und es geht doch
am 17.01.2015 - 13:20 Uhr
Da ich auf Selbstgespräche stehe, gehts hier jetzt weiter. ;-)
Das Thema mit den Classes ist erst mal gelöst. Man nutzt im View bei den fields die Funktion Rewrite Results und versieht dort die Token mit einer beliebigen Class. Dann kann man die Sache per css regeln.
Martin