Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module › Views ›

Produktdarstellung wie Google-Shopping

Eingetragen von Miles (21)
am 02.12.2014 - 16:59 Uhr in
  • Views
  • Drupal 7.x

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

‹ Views-Block Headline mit eigener CSS-Klasse Produktdarstellung wie Google-Shopping ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Hier hast du das komplette

Eingetragen von Jenna (1883)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Sehe gerade das es auch ein

Eingetragen von Jenna (1883)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Grid Preview

Eingetragen von Miles (21)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Noch ein Bug

Eingetragen von Miles (21)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Und es geht doch

Eingetragen von Miles (21)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Tagen 14 Stunden
  • Hey danke
    vor 3 Tagen 8 Stunden
  • Update: jetzt gibt's ein
    vor 4 Tagen 2 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 1 Tag
  • Da scheint die Terminologie
    vor 1 Woche 1 Tag
  • Kannst doch auch alles direkt
    vor 1 Woche 5 Tagen
  • In der entsprechenden View
    vor 1 Woche 5 Tagen
  • Dazu müsstest Du vermutlich
    vor 1 Woche 5 Tagen
  • gelöst
    vor 4 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 14 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association