Slick carousel module
Eingetragen von Hana (15)
am 23.05.2016 - 15:55 Uhr in
am 23.05.2016 - 15:55 Uhr in
Hallo zusammen,
ich moechte ein Raster Karussell (ein Slider) erstellen, das Slick Module scheint das richtige dafuer zu sein. Ich habe alle Hinweise, die auf der Seite https://www.drupal.org/project/slick_extras verfolgt und die benoetigten Modulen installiert und aktiviert jedoch weiss nicht genau wie bekomme ich den Slider angezeigt?
Vielen Dank für eure Hilfe
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Examples stehen unter
am 24.05.2016 - 09:45 Uhr
Die Examples stehen unter Blöcke zur Verfügung, du kannst Slick aber auch per Views ausgeben.
Es gibt etliche Beispiele unter admin/config/media/slick die du kopieren und selber weiter bearbeiten kannst.
Hier ist ein Tutorial für slick, das Modul slick_extras braucht man im Grunde gar nicht, ist aber Anfangs hilfreich.
Das Tutorial bezieht sich auf Slick allgemein: https://design.studio-umi.jp/blog/responsive-slideshow-slick
Da hilft nur sehr viel testen, das Modul ist extrem umfangreich und flexibel, ich habe damit auch einige Tage verbracht, aber es lohnt sich.
Kann dir empfehlen von einer funktionierenden View oder sonstigen Einstellungen immer zwischendurch Screens abzuspeichern bevor man die nächsten Einstellungen testet.
Und unter admin/config/media/slick sollstest du dir eigene Namen anlegen um den Überblick zu behalten welche Basis du z.B. in Views verwendest.
Grüße Jenna
Danke Jenna fuer Deine
am 24.05.2016 - 13:19 Uhr
Danke Jenna fuer Deine Antwort.
Ich habe mich gestern mit diesem Tutorial beschaeftigt, das hat mir sehr geholfen. Das Probleme ist, obwohl ich alle Schritte verfolgt habe (views benutzt), meine Bilder als slideschow nicht angezeigt bekomme. Ich arbeite mit D8, villeicht gibt es dafuer zusaezliche Einstellungen?
Die Beispiele unter admin/config/media/slick kann ich sehen, jedoch sehe ich nicht genau was Du damit meinst, die Bespiele zu kopieren und selber weiter zu bearbeiten? Wo soll ich die kopieren. (muss ich zugeben ich bin noch Drupal Anfaegerin) ausserdem es gibt nicht andere Tutorial ueber die verwendung von Slick module.
Ich interessiere mich fuer slick X-grid.
Kannst Du mir vielleicht die Schritte um ein solches Slideschow zu kriegen noch mal kurz zusammenfassen?
Ich habe normalerweise alle Module installiert und aktiviert:
Slick Carousel, Slick Views,
Slick example, Slick extras, Blazy, Ctools, Libraries
Ich fuelle dass das sehr maechtig ist aber ich sehe nicht wie kann ich das nuezlich machen.
Danke fuer eure Hilfe
Zitat: Die Beispiele unter
am 24.05.2016 - 20:02 Uhr
Die Beispiele unter admin/config/media/slick kann ich sehen, jedoch sehe ich nicht genau was Du damit meinst, die Bespiele zu kopieren und selber weiter zu bearbeiten?
Diese Beispieldateien sind Muster wie man eine Slick Slideshow oder ähnliches darstellen kann.
Jedes dieser Muster kannst du duplizieren und dann weiter bearbeiten. Somit lässt du das Original unangetastet um bei Fehldarstellungen im Original nachgucken zu können.
Diese Beispieldateien kannst du z.B. in einer Views verwenden mit der du deinen Slider oder ein Grid ausgeben willst.
Ich kann dir leider nicht sagen ob es zu Drupal 8 Unterschiede gibt, dieses Modul habe ich momentan nur auf Drupal 7 im Einsatz.
Kann dir nur raten das Tutorial Step für Step nachzubauen um das Modul besser zu verstehen, da ist alles beschrieben mit Bildern von den einzelnen Einstellungen.
Grüße Jenna
Hallo Jenna, dein Beitrag ist
am 15.07.2019 - 19:31 Uhr
Hallo Jenna,
dein Beitrag ist zwar über 3 Jahre alt, aber ich riskiere trotzdem eine Frage.
Der genannte Link, der auch auf der Seite des Moduls zu finden ist, ist veraltet, es gibt ihn nicht mehr. Außerdem ist die Seite auf japanisch.
Was ich will, ist sehr, sehr einfach. Bloß ein Karussell mit ein paar Bildern, die im Image-Feld des Nodes gespeichert sind. Ohne Thumbnails oder sonstigen Schnickschnack. Responsive natürlich. So wie auf der Startseite von drupal.org, weiter unten unter dem Titel "See Drupal in the real world".
Aber das ist mit Slick extrem schwierig. Es beginnt damit, dass das Modul meine Bilder, die eine hohe Auflösung haben und gestochen scharf sind, zuerst qualitativ stark verschlechtert (wahrscheinlich verkleinert) und dann vergrößert. Die Bilder sehen dann richtig scheiße aus. Das passiert völlig unabhängig vom Bildformat, das ich in den Einstellungen und in der Anzeigeeinstellung beim Inhaltstyp angebe. Pfeile links und rechts vom Bild, nicht im Bild, kriege ich auch nicht mehr hin.
Ich habe für die zwei kleinen Anforderungen einen ganzen Tag (mehr als 8 Stunden) verwendet. Das kann's doch nicht sein!
Ich würde das Modul gern verwendet, weil es wirklich schnell arbeitet. Bloß wie? Ich hab auch keine brauchbare Dokumentation oder Tutorial gefunden.
Ich verwende übrigens die Version 7.x-2.1, weil das die empfohlene Version ist. Wenn ich auch Views will, muss ich Rel. 3 nehmen, die aber fehlerbehaftet ist. Bibliothek: 1.7.1. Laut offiziellen Angaben soll die dazupassen.
Ich bin für jeden Tipp dankbar!
LG, Reiner
Ich arbeite auch noch mit der
am 15.07.2019 - 23:16 Uhr
Ich arbeite auch noch mit der Version 7.2, aber die 7.3 funktioniert auch...man muß nur ein paar Kleinigkeiten anpassen.
Gebe das Carousel am besten über Views aus, das ist flexibler.
Wichtig ist in Views, dein Imagefield, unter Designeinstellungen "Feldvorlage verwenden" anklicken. Nur dann wird die Vorlage ausgegeben, die du unter Optionset main gewählt hast.
Du kannst jeden Bildstil anwenden, die Bilder werden glasklar dargestellt, da hast du noch Fehler in der Konfiguration, an Slick liegt es nicht.
Das Modul ist extrem komplex und man braucht eine lange Einarbeitungszeit.
Folgende Module habe ich installiert (plus der Libraries natürlich)
Slick (slick)
Slick UI (slick_ui)
Slick extras (slick_extras)
Slick fields (slick_fields)
Slick views (slick_views)
Slick example (slick_example)
Einige der o.g. Module sind in den anderen bereits enthalten.
Hier mal eine Beispielseite was mit Slick alles möglich ist:
https://gaus.vip/project/slick
Am einfachsten ist die Slick Example durchzuprobieren, eine Vorlage davon zu duplizieren und dann weiter bearbeiten und für Views verwenden.
Wenn du wirklich nur ein kleines Carousel ausgeben willst ist eventuell ein anderes Modul einfacher und schneller von der Lernkurve einsetzbar.
Ich habe Tage an meiner Slideshow mit Thumbs gesessen bis alles so lief wie es sollte, aber es zahlt sich von der Geschwindigkeit, besonders mobil, auf jeden Fall aus.
Allerdings habe ich auch sehr viele Images so das sich der Aufwand gelohnt hat.
Genauer kann ich es dir leider auch nicht beschreiben, weil du gefühlte 300 Einstellmöglichkeiten je Vorlage hast und das würde den zeitlichen Rahmen sprengen.
Grüße Jenna
Danke für die schnelle
am 16.07.2019 - 11:49 Uhr
Danke für die schnelle Antwort! :-)
Im Grunde weiß ich das schon alles, was du mir geschrieben hast. Ich schaue mich ja um, bevor ich hier frage. ;-) Die genannte Website kenne ich natürlich auch.
Ich habe ja 4 oder 5 andere Module ausprobiert, aber die sind alle eher unbrauchbar. Slick scheint die einzige Alternative zu sein, vor allem in Hinblick auf Performance und Mobilgeräte (ca. 70% meiner Besucher). Ich brauche bloß ein paar Anleitungen, Tipps, Best Practices o. ä. Gibt's aber nicht! Auch auf YouTube habe ich nichts gefunden, und dort finde ich fast immer was.
Kannst du mir einen Link auf deine Website schicken? Dann sehe ich wenigstens, wie das bei dir aussieht.
LG, Reiner
Hi Rainer. Das hat bei mir
am 16.07.2019 - 13:01 Uhr
Hi Rainer.
Das hat bei mir sehr gut funktioniert:
https://www.drupal.org/project/owlcarousel
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Darüber bin ich natürlich
am 16.07.2019 - 13:49 Uhr
Darüber bin ich natürlich auch schon gestolpert. ;-) Ich hab's nicht installiert, weil mir etwas an der Demo-Seite nicht gefallen hat. Aber jetzt kann ich ja dich fragen:
Kann man die Navigationspfeile auch links und rechts vom Karussell platzieren, anstatt unterhalb? Und größer? Und kann man die Punkte darunter weglassen? (Vgl. hier.)
Ich will nicht wieder einen Tag verplempern, nur um festzustellen, dass das nicht geht.
LG, Reiner
Ja, kann man, siehe
am 16.07.2019 - 14:10 Uhr
Ja, kann man, siehe hier:
https://chindev.awri.ch/
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Danke Robert! Das ist
am 16.07.2019 - 14:43 Uhr
Danke Robert!
Das ist allerdings nicht das, was ich gemeint habe. Ich meinte außerhalb der Bilder, links und rechts vom Karussell. Meine Bilder sind im Hochformat, Buchcovers. Da will ich nicht ein Bild auf die ganze Breite aufgebläht haben und dann ein Cover, das mehr als Bildschirmhöhe hoch ist, und dann noch Pfeile mitten im Bild. Eben ein Karussell, wie es auf jeder Google-Suche zu sehen ist.
Aber macht nichts. Ich kriege durch die ganze Diskussion schon ein besseres Gefühl für die Sache. :-)
LG, Reiner
Funktioniert nicht. Bibliothek?
am 20.07.2019 - 13:43 Uhr
Hallo Robert,
ich hab nun das Owl Carousel 7.x-1.6 installiert. Wenn ich eine View erstelle, kriege ich kein Ergebnis. (Auch keinen Fehler.) Ich bin einfach nach Anleitung vorgegangen.
Ich habe die Bibliothek schwer in Verdacht. Ebenfalls nach Anleitung habe ich von github die aktuelle Version von 1.x heruntergeladen. Diese Datei heißt "meteor-owl-carousel-1-master" und enthält sehr wenige Dateien. Der Hauptordner enthält eine Datei namens package.js und einen Unterordner namens lib, der die wesentlichen .js-Dateien enthält. Damit die Sache überhaupt einmal von Drupal als gültig angenommen wurde, musste ich auf den Hauptordner verzichten und nur den Unterordner in libraries kopieren. (Natürlich umbenennen in owl-carousel.)
Ich denke mir, dass ich mit dem Default Setting für das Karussell zumindest irgendein Ergebnis sehen müsste. Deshalb habe ich die Bibliothek in Verdacht, weil mir deren Installation recht seltsam vorkam.
Wie sieht das bei dir aus?
LG, Reiner
Hallo Robert, hab deine
am 12.03.2020 - 20:44 Uhr
Hallo Robert, hab deine Website gesehen.
Möchte gerne wissen was für ein Theme bei dir?
Oder kannst du mir sagen, was für ein Module für diesen "Maus-Symbol--Button" (User Menu) das ist?
Hi. Das Theme ist
am 12.03.2020 - 21:08 Uhr
Hi.
Das Theme ist dieses.
https://www.drupal.org/project/drupal8_zymphonies_theme
Es basiert auf Bootstrap3.
Der User-Menu Button ist ein Bootstrap FAB Button(Floating Action Button)
und ist in dem Theme als Region enthalten.
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
okey.danke Robert!!!
am 12.03.2020 - 23:09 Uhr
okey.danke Robert!!!