Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

[gelöst] FlexSlider als Slideshow für die Frontpage

Eingetragen von kein plan (28)
am 19.03.2013 - 19:02 Uhr in
  • Anfängerfragen
  • Drupal 7.x oder neuer

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!

‹ [gelöst]Views Tabelle befüllen - mit Daten aus zwei verschieden Inhaltstypen (1:n) - ohne Dupletten darstellen [gelöst] FlexSlider als Slideshow für die Frontpage ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

01. Flex Slider Modul (und

Eingetragen von Goekmen (1013)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke

Eingetragen von kein plan (28)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Et Looft, wie man hier so sacht ^^

Eingetragen von kein plan (28)
am 19.04.2013 - 21:21 Uhr

aber...

kann man mit dieser Methode die Bilder auch mit Content verlinken?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Bau dir ein Linkfeld in

Eingetragen von Goekmen (1013)
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:

  • Anmelden oder Registrieren um Kommentare zu schreiben

Goekmen schrieb Bau dir ein

Eingetragen von kein plan (28)
am 21.04.2013 - 10:17 Uhr
Goekmen schrieb

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)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Werde dir nachher genaueres

Eingetragen von Goekmen (1013)
am 21.04.2013 - 10:28 Uhr

Werde dir nachher genaueres posten.
Ich baue das mal so ähnlich nach.

  • Anmelden oder Registrieren um Kommentare zu schreiben

1. In deinem Content-Type ein

Eingetragen von Goekmen (1013)
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>

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hey, ich weiß das sehr zu

Eingetragen von kein plan (28)
am 21.04.2013 - 20:41 Uhr

Bitte löschen, Dreifachpost :(.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hey, ich weiß das sehr zu

Eingetragen von kein plan (28)
am 21.04.2013 - 20:42 Uhr

Bitte löschen, Dreifachpost :(.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hey, ich weiß das sehr zu

Eingetragen von kein plan (28)
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:

  • Zwei Felder definieren, eines für den Link (warum muss der oben stehen?) und eines für Bilder.
  • Beide von der Anzeige ausschließen.
  • Ein weiteres Feld anlegen mit einer html-Verknüpfung beider Felder.

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich hatte es vorhin selber

Eingetragen von Goekmen (1013)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Goekmen schriebIch hatte es

Eingetragen von kein plan (28)
am 22.04.2013 - 09:07 Uhr
Goekmen schrieb

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.

Goekmen schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du mußt erst die angezeigtem

Eingetragen von wla (9461)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da scheint irgendwas ganz

Eingetragen von kein plan (28)
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

wla schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Es soll nur das globale Feld

Eingetragen von Goekmen (1013)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Inhalt: Verlinkung des Bildes

Eingetragen von kein plan (28)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Habe das Gefühl, dass die

Eingetragen von Goekmen (1013)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank für die

Eingetragen von kein plan (28)
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".

  • 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 3 Tagen 16 Stunden
  • Hey danke
    vor 4 Tagen 11 Stunden
  • Update: jetzt gibt's ein
    vor 5 Tagen 5 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 2 Tagen
  • Da scheint die Terminologie
    vor 1 Woche 2 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 23 Minuten
  • In der entsprechenden View
    vor 2 Wochen 26 Minuten
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 27 Minuten
  • gelöst
    vor 4 Wochen 3 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 4 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 18 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