[gelöst] FlexSlider als Slideshow für die Frontpage
am 19.03.2013 - 19:02 Uhr in
Moinmoin,
ich muss mal wieder etwas fragen. Quäle mich seit Stunden mit dem Erstellen einer Slideshow für die Frontseite, aber irgendwie bin ich blockiert. Das Slideshowmodul soll Flexslider sein, da es sich um ein responsives Design handelt. Hab schon alles mögliche probiert. Aber hey, nomen est omen, kein plan :(. Die Hilfen, die ich vorwiegend auf englisch gefunden habe, strotzen vor Drupalspezifika, da komm ich irgendwie nicht klar. Kann jemand gern kurz und knackig in Stichpunkten einen groben Ablauf beschreiben, dass ich etwas hab, an dem ich mich abarbeiten kann ;). Danke!
- Anmelden oder Registrieren um Kommentare zu schreiben

01. Flex Slider Modul (und
am 24.03.2013 - 15:47 Uhr
01. Flex Slider Modul (und Submodul FlexSlider Views Style) installieren (und Views natürlich + Libraries Modul)
02. Das muss man zusätzlich machen:
Die Flexslider Library herunterladen und in das libraries Verzeichnis kopieren (sites/all/libraries)
Das steht auch in dem Drupal Modul- genau lesen!
03. Alles installieren und einen neuen Content Typen erstellen: z.B. Slideshow
04. Ein Bildupload Feld im neuen Node Typ erstellen (am besten auf maximal 1 Bild pro Beitrag limitieren)
05. Ein paar Dummybilder hochladen, so dass man mehrere Nodes hat
06. Eine neue View erstellen
07: Format Flexslider, Option Set: default (man kann selber später eigene Sets erstellen),
08: Das Bildfeld bei den Feldern raussuchen (Bilddarstellung: Flexslider full)
09: Filterkriterien anpassen damit nur diese Bilder angezeigt werden
Das wars eigentlich.
Man kann zusätzlich eigene Sets erstellen und so das Aussehen der Slideshows verändern (mit/ohne Thumbnails/Carousels etc):
www.deineURL.de/admin/config/media/flexslider
Danke
am 30.03.2013 - 14:50 Uhr
dachte, dass ich gar keine antwort bekomme. hab es gerade erst entdeckt. werde ich ausprobieren. ab punkt 4. hatte ich es nicht so verstanden.
sorry nochmal für die späte rückmeldung.
Et Looft, wie man hier so sacht ^^
am 19.04.2013 - 21:21 Uhr
aber...
kann man mit dieser Methode die Bilder auch mit Content verlinken?
Bau dir ein Linkfeld in
am 20.04.2013 - 10:37 Uhr
Bau dir ein Linkfeld in deinem Content Type ein und in Views baust du den Link dann um das Bild herum.
In Views kann man ja die Ausgabe der Felder überschreiben.
Beispiel:
Goekmen schrieb Bau dir ein
am 21.04.2013 - 10:17 Uhr
Bau dir ein Linkfeld in deinem Content Type ein und in Views baust du den Link dann um das Bild herum.
In Views kann man ja die Ausgabe der Felder überschreiben.
Beispiel:
<a href="replacementpatternlink"><replacementpatternbild></a>mhh....kannst Du das Beispiel mal erklären, ich steh auf'm Schlauch. Das hier hat nicht funktioniert (also der Link ist mit flexsliderlink gelabelt)
Werde dir nachher genaueres
am 21.04.2013 - 10:28 Uhr
Werde dir nachher genaueres posten.
Ich baue das mal so ähnlich nach.
1. In deinem Content-Type ein
am 21.04.2013 - 10:50 Uhr
1. In deinem Content-Type ein Link Feld hinzufügen
2. In deiner Views-Ansicht das neue Link Feld hinzufügen:
Von der Anzeige ausschließen ankklicken
Formatierer: URL, als Klartext
und dann das Feld nach ganz oben schieben.
3. Dein Flexsliderfeld auch von der Anzeige ausschließen
4. Global Benutzerdefiertes Textfeld anlegen in Views
In das Textfeld kommen die die Pattern rein-
Unter dem Punkt Ersetzungsmuster stehen die Pattern die zur Verfügung stehen.
Bei mir würde zB folgende Werte reinkommen:
<a href="[field_link]">[field_flexslider]</a>Hey, ich weiß das sehr zu
am 21.04.2013 - 20:41 Uhr
Bitte löschen, Dreifachpost :(.
Hey, ich weiß das sehr zu
am 21.04.2013 - 20:42 Uhr
Bitte löschen, Dreifachpost :(.
Hey, ich weiß das sehr zu
am 21.04.2013 - 20:41 Uhr
Hey, ich weiß das sehr zu schätzen, dass Du mich nicht so schnell aufgibst, Dickes Danke ;). Das Prinzip hab ich jetzt glaube ich verstanden:
Leider funktioniert es nicht. Die Bilder werden wohl weiterhin ordentlich angezeigt, aber ohne Verlinkung. Firebug zeigt auch nicht den Versuch einer Verlinkung an. Was hab ich falsch gemacht?
Ich leg mal wieder den vermutlich entscheidenden Screenshot dazu.
Ich hatte es vorhin selber
am 21.04.2013 - 20:59 Uhr
Ich hatte es vorhin selber gestest. Es muss funktionieren.
Mögliche Fehlerquellen:
Du hast im Beitrag keinen Link eingetragen.
Im Verlinkungsfeld ist nicht URL als Klartext ausgewählt.
Was mich wundert in deinem Screenshot ist, dass die Felder fehlen unter dem Format.
Da müssten stehen:
FORMAT
Format
Anzeigen Felder
FELDER
Goekmen schriebIch hatte es
am 22.04.2013 - 09:07 Uhr
Ich hatte es vorhin selber gestest. Es muss funktionieren.
Mögliche Fehlerquellen:
Du hast im Beitrag keinen Link eingetragen.
Im Verlinkungsfeld ist nicht URL als Klartext ausgewählt.
Doch, die Linkfelder in den Nodes sind gefüllt und auch die URL ist auf Klartext gestellt.
Was mich wundert in deinem Screenshot ist, dass die Felder fehlen unter dem Format.
Da müssten stehen:
FORMAT
Format
Anzeigen Felder
FELDER
Ich meinte, dass diese Felder fehlen, weil es sich um ein Globales Textfeld handelt?
Mich hingegen wundert, dass der Link überhaupt nicht eingebaut wird (von mir aus auch falsch). Denn wenn ich das Globale Textfeld von der Anzeige ausschließe, gibt mir Views schon eine Fehlermeldung.
Das bedeutet doch, dass das Konstrukt grundsätzlich funktioniert. Dann müsste es doch auch verlinkt sein. Komisch.
Du mußt erst die angezeigtem
am 22.04.2013 - 09:46 Uhr
Du mußt erst die angezeigtem Fehler beheben, sonst låßt sich der View nicht speichern, auch wenn das Display, an dem Du gerade arbeitest, korrekt ist.
Beste Grüße
Werner
Da scheint irgendwas ganz
am 22.04.2013 - 09:49 Uhr
Da scheint irgendwas ganz komisch. Habe jetzt in das Globale Textfeld eine fixe, absolute URL an Stelle des Feldes eingetragen.
<a href="http://google.com/">[field_bilder_f_r_den_flexslider]</a>Ergebnis: Alles wie gehabt, Bild zu sehen, nichts verlinkt :(. Würde sagen, damit scheidet aus, dass das Linkfeld hier Probleme macht, oder sehe ich das falsch?
@Werner
Du mußt erst die angezeigtem Fehler beheben, sonst låßt sich der View nicht speichern, auch wenn das Display, an dem Du gerade arbeitest, korrekt ist.
Beste Grüße
Werner
Ja, klar, war nur zu Demozwecken, damit klar wird, dass das Globale Textfeld arbeitet.
Es soll nur das globale Feld
am 22.04.2013 - 09:53 Uhr
Es soll nur das globale Feld ausgegeben werden. Die restlichen Felder bitte excluden.
Und das Feld muss in der Reihenfolge ganz unten stehen.
Inhalt: Verlinkung des Bildes
am 22.04.2013 - 10:13 Uhr
Inhalt: Verlinkung des Bildes (flexsliderlink) - excluded
Flexslider_View_Admin_Name (flexsliderbild) - excluded
Global: Custom text (Textfeld_fuer_Link_und_Flexslider) - wird angezeigt und funktioniert auch, die Slideshow auf der Frontseite läuft ja.
Aber selbst, wenn ich das Feld [field_verlinkung_des_bildes] -->
<a href="[field_verlinkung_des_bildes]">[field_bilder_f_r_den_flexslider]</a>durch eine absolute URL ersetze -->
<a href="http://google.com/">[field_bilder_f_r_den_flexslider]</a>wird nicht verlinkt, und das müsste es doch wohl nach meinem Verständnis, oder?
Habe das Gefühl, dass die
am 22.04.2013 - 10:20 Uhr
Habe das Gefühl, dass die Ursache an was anderem liegt.
Ich schaue gern mal rüber falls du Interesse hast.
Vielen Dank für die
am 23.04.2013 - 12:29 Uhr
Vielen Dank für die kompetente Hilfe an Goekman.
Problemerklärung für alle:
Ich hatte die falsche Version. Auf http://drupal.org/project/flexslider muss man z.Zt. die Alpha-Version 7.x-2.0-alpha1 ziehen. Flexslider 7.x-1.0-rc3 passt nicht zur aktuellen library. Ansonsten war das oben beschriebene Procedere in Ordnung. Im Bildfeld muss der Formatter auf "Bild" stehen und nicht, wie man im Dropdownmenü auch wählen kann, auf "flexslider".