Step by Step_Anleitung benötigt

**Teegah** · 08.04.2013, 19:28

Hallo,

ich bin noch ein ziemlicher Neuling in Contao.

Die Caroufredsel_Erweiterung gefällt mir gut, aber ich bin etwas unsicher, wie man sie am besten konfiguriert.

Ich würde gern einen Ticker im Footer einbauen und Bilder-Galerien scrollen.

Der Ticker funktioniert bei mir garnicht - er wird je nach Einstellung entweder garnicht angezeigt (Einstellung als Caroufredsel-Ticker-Modul) oder er scrollt nicht (Einstellung als Caroufredsel-Modul mit der Auswahl "Caroufredsel-Ticker").

Ich bin etwas unsicher : muss ich immer einen wrapper definieren?

Als Bilder-Galerie würde ich gern außerdem eine der Galerien aus den "Cool Carousels" nehmen. Leider weiß, ich nicht, wie man das JS in Contao einbinden und die Galerie so zum Laufen bringen kann.

Wenn jemand eine kurze Step by Step-Anleitung für mich schreiben könnte, wäre ich super dankbar!!

LG!

**planepix** · 08.04.2013, 20:12

Hallo Teegah,

willkommen im Contao-Forum.

Schau mal im Wiki, da hat der Entwickler Dirk auch schon einiges dokumentiert:
http://de.contaowiki.org/Dk_carouFredSel

**Teegah** · 08.04.2013, 20:19

Danke planepix, für den Tipp.

Die Anleitung habe ich mir schon angeschaut.

Leider muss ich zugeben, dass sie mir nicht geholfen hat.

Zum News-Ticker steht noch nichts drin und auch nicht bzgl. der Cool Carousels.

Die anderen Tipps aus dem Wiki habe ich berücksichtigt, auch wenn ich es etwas verwirrend bzw. uneindeutig finde - zumindest für einen Newbie, wie mich!

**Dirch** · 08.04.2013, 23:11

Hallo Teegah,

der Newsticker funktioniert genauso wie das Modul News-Liste, nur daß du zusätzlich die carouFredSel-Konfiguration durchführen mußt. Wichtig ist, daß du das richtige HTML-Template (mod_caroufredsel_ticker) wählst und das richtige Nachrichten-Template (news_caroufredsel_ticker). Mehr ist nicht zu tun. Dann dieses Modul in der Fußzeile platzieren und per CSS gestalten.

Die Bilder-Galerie ist einfach zu machen: du nimmst das Inhalts-Element "carouFredSel - Galerie" und wählst deine Bilder aus und gestaltest sie dann genauso mit CSS wie den Newsticker.

Den Wrapper brauchst du hauptsächlich dann, wenn du allgemeine Inhalte in den Slider platzieren willst. Jedes Element zwischen dem Start- und Stopp-Wrapper wird dabei zu einem Slide umgesetzt.

Die "Cool Carousels" sind Demos von demjenigen, der den Slider programmiert hat. Die meisten davon kannst du nicht ohne weiteres umsetzen, da du dazu jQuery/JavaScript Erfahrung brauchst. Das sind idR. alles Beispiele, die neben dem Slider noch eine individuelle Programmierung benötigen. Als "Anfänger" solltest du lieber nur versuchen das einzusetzen was die Erweiterung von Hause aus mitbringt und dich auf das Gestalten per CSS beschränken.

Was genau ist denn uneindeutig im Wiki? Die grundlegende Funktionalität von Contao wird dort nicht erklärt, sondern die carouFredSel-Anleitung setzt dieses Wissen als gegeben voraus. Du kannst dich aber sehr gerne dort auch einbringen und an der Anleitung mitschreiben. Die einzelnen Parameter der Konfiguration werden eigentlich recht gut dort selbst erklärt. Wann man was wie wo einsetzt und benutzt ist aber auch wieder sehr individuell. In der Grundkonfiguration hat man schon einen brauchbaren Slider. Mit den restlichen Einstellungen/Möglichkeiten muß man sich beschäftigen um ein Gefühl dafür zu bekommen was sie für Auswirkungen haben...

Beste Grüße...
...Dirk

**eisenherz** · 03.10.2013, 22:24

Hallo!

Ich brauche etwas in der Art ImageScrOOler.
ich vermute, dass man sowas auch mit "Dk carouFredSel" hinkriegen kann ... habs aber noch nicht rausgefunden ... trotz Anleitung und Ausprobieren.

Vermutlich ist im Wiki nix uneindeutig ... wenn man sich auf dem Wissensstand z.B. eines Planpix befindet.
Ist halt die Frage, wen man mit seiner Erweiterung erreichen will ...
Tschüss
Jörg Basler

**do_while** · 03.10.2013, 22:28

Hallo Jörg,

das habe ich auch gerade gebraucht. Mit dem "Dk carouFredSel" bist Du schon richtig.

Der Trick ist:
1) Art = kreisförmig
2) Anzeigedauer = 0
3) Übergangs-Effekt = directscroll
4) Abschwächungs-Funktion = linear
5) Übergangs-Dauer = 20000

**eisenherz** · 03.10.2013, 22:45

Zitat von do_while

Hallo Jörg,

das habe ich auch gerade gebraucht. Mit dem "Dk carouFredSel" bist Du schon richtig.

Der Trick ist:
1) Art = kreisförmig
2) Anzeigedauer = 0
3) Übergangs-Effekt = directscroll
4) Abschwächungs-Funktion = linear
5) Übergangs-Dauer = 20000

Danke Hagen
jetzt bin ich schon sehr nah dran
http://www.baslerbikes.de/#

Ich habe noch gelernt, dass ich besser ein Modul anlege

Mal sehen ob mir jetzt auch der Feinschliff gelingt.
Logos müssen kleiner, der Speed muss langsamer und die Breit größer
Gute Nacht
Jörg Basler

**eisenherz** · 03.10.2013, 22:57

Zitat von eisenherz

Danke Hagen
jetzt bin ich schon sehr nah dran
http://www.baslerbikes.de/#

Ich habe noch gelernt, dass ich besser ein Modul anlege

Mal sehen ob mir jetzt auch der Feinschliff gelingt.
Logos müssen kleiner, der Speed muss langsamer und die Breit größer
Gute Nacht
Jörg Basler

Die Gesamtbreite hab ich noch beeinflussen können.
Jetzt such ich vergeblich nach einer Möglichkeit die Höhe einzuschränken.
Ich kann zwar die Höhe variieren, nur werden die Logos nicht verkleinert, sondern abgeschnitten!?
Auch ist mir noch nicht klar, wo ich den Abstand zwischen den Logos Regel

Tschüss
Jörg Basler

**do_while** · 03.10.2013, 23:16

Unter "Abmessung der Elemente" habe ich nur die Höhe auf "fest" und 64px gesetzt.
Den Abstand habe ich nicht angepasst.

**eisenherz** · 03.10.2013, 23:25

Zitat von eisenherz

Die Gesamtbreite hab ich noch beeinflussen können.
Jetzt such ich vergeblich nach einer Möglichkeit die Höhe einzuschränken.
Ich kann zwar die Höhe variieren, nur werden die Logos nicht verkleinert, sondern abgeschnitten!?
Auch ist mir noch nicht klar, wo ich den Abstand zwischen den Logos Regel

Tschüss
Jörg Basler

Jetzt passt alles, aber es wird nur noch ein Logo pro Durchlauf angezeigt.
An der "0" für alle Bilder hab ich aber gar nicht geschraubt???
Das versteh wer will

**do_while** · 03.10.2013, 23:38

Das verstehe ich erstmal nicht, bei mir laufen immer mehrere sichbare vorbei.
Ich habe aber jetzt keine Einstellung dazu gefunden.

**Dirch** · 05.10.2013, 10:17

Das schaut recht komisch bei dir aus. Warum hast du eine Breite für den Slider von 110% vergeben? Damit ist der Slider größer als die Seite breit ist. Dann solltest du die Element-Höhe auf variabel stellen und da du feste Größen bei den Logos hast, solltest du noch die Element-Höhe auf diesen Wert stellen und responsive rausnehmen. Responsive bezieht sich auf die einzelnen Elemente und die willst du ja nicht weiter schrumpfen lassen vermute ich.

**eisenherz** · 06.10.2013, 18:06

Zitat von Dirch

Das schaut recht komisch bei dir aus. Warum hast du eine Breite für den Slider von 110% vergeben? Damit ist der Slider größer als die Seite breit ist. Dann solltest du die Element-Höhe auf variabel stellen und da du feste Größen bei den Logos hast, solltest du noch die Element-Höhe auf diesen Wert stellen und responsive rausnehmen. Responsive bezieht sich auf die einzelnen Elemente und die willst du ja nicht weiter schrumpfen lassen vermute ich.

Hallo Dirch!
Jetzt bin ich schon ganz nah an dem was ich mir vorstelle, danke für die Tipps!
Jetzt suche ich ne Möglichkeit Abstand zwischen den einzelne Logos zu schaffen ( CSS?).
ich hatte die 110% vergeben, damit das Laufband nicht im Nichts beginnt sondern möglichst am Monitorrand. Ich würde das auch gern links so machen, finde mich aber bei dem rocksolidtheme nicht so richtig zurecht
Tschüss
Jörg Basler

**Dirch** · 06.10.2013, 18:21

genau - die Größen der einzelnen Elemente kannst du mit CSS anpassen, z.B. ein padding/margin hinzufügen. Du mußt nur dann daran denken ggf. die Element-Größe in den Einstellungen ebenfalls zu erhöhen. Ohne responsive kannst du die Element-Größen an sich auch weglassen. Er zeigt dann einfach so viele an, wie auf die Fläche passen.

Zu den Themes kann ich dir nichts sagen, aber du solltest bei 100% bleiben und stattdessen den overflow:hidden auf dem caroufredsel_wrapper wegnehmen. Bin mir gerade nicht sicher, ob ich das setze oder das Script. Sonst eben mit !important.

**eisenherz** · 06.10.2013, 21:36

Zitat von Dirch

genau - die Größen der einzelnen Elemente kannst du mit CSS anpassen, z.B. ein padding/margin hinzufügen. Du mußt nur dann daran denken ggf. die Element-Größe in den Einstellungen ebenfalls zu erhöhen. Ohne responsive kannst du die Element-Größen an sich auch weglassen. Er zeigt dann einfach so viele an, wie auf die Fläche passen.

Zu den Themes kann ich dir nichts sagen, aber du solltest bei 100% bleiben und stattdessen den overflow:hidden auf dem caroufredsel_wrapper wegnehmen. Bin mir gerade nicht sicher, ob ich das setze oder das Script. Sonst eben mit !important.

Hallo!
Das ist ein dilema mit rocksolid.
Das Theme ist schön schnell und stabil, nur leider kann ich das CSS nicht wie gewohnt im ContaoBackend bearbeiten.
Im Backend Modul "Themes" - "aurelium" ist im CSS nichts hinterlegt.
Ich muss also per cyberduck arbeiten. Das von rocksolid zur Verfügung gestellte main.css hab ich mittlerweile gefunden und auch schon darin gearbeitet, auch caroufredsel.css habe ich gefunden. Nur was jetzt. Vermutlich werden jetzt alle Wissenden aufheulen, aber mir schwant nur schemenhaft was zu tun ist ... vor allem updatesicher zu tun ist.
Welchen selektor muss ich wählen und wo hinterlege ich sinnvoll die CSS Änderungen?
Tschüss
Jörg Basler

**RockSolid Themes** · 09.10.2013, 13:42

Hallo Jörg,

wir haben vor kurzer Zeit ein neues Tutorial erstellt das dir bei den Anpassungen helfen könnte: http://rocksolidthemes.com/de/contao...mente-anpassen

**Lin** · 14.10.2013, 13:46

Hallo,

ich möchte die Frage zur Step-By-Step-Anleitung nochmal aufgreifen weil ich auch nicht weiterkomme, nachdem ich schon alles möglich ausprobiert habe: ich möchte in einen Artikel (in meinem Fall auf der Startseite) einen News-Slider aufnehmen, der mir alle Einträge vom Typ Nachrichten einen nach dem anderen durchlaufen lässt.

Ich habe dazu:
1. ein neues Karussell in Caroufredsel angelegt
2. ein neues Frontend-Modul angelegt mit folgenden Einstellungen:

Modultyp: "carouFredSel - Nachrichtenticker"
betreffende Nachrichtenarchive ausgewählt; 1 Element pro Seite
carouFredSel-Karussell aus Pkt. 1 ausgewählt
HTML-Template: "mod_caroufredsel_ticker"
CSS-Template: "css_caroufredsel"
JavaScript-Template: "js_caroufredsel"
Nachrichtentemplate: "news_caroufredsel_ticker"

3. im Artikel habe ich das in Pkt. 2 genannte Modul eingebunden

Problem: Es slidet nichts.

Ich habs auch schon versucht, den carouFredsel-Wrapper an verschiedenen Stellen mit einzubetten. Aber alles ohne Erfolg.
Was mache ich falsch? Habe ich etwas übersehen?

---- Nachtrag nach einem sehr hilfreichen Tip eines Community-Kollegen, für den ich sehr dankbar bin ----
---- LÖSUNG: ----

im Fontend-Modul caroufredsel-Nachrichtenticker: "Elemente pro Seite" auf "0" stellen.
in caroufredsel-Karussell-Einstellungen unter Abschnitt "Darstellung der Elemente" => "Anzahl sichtbarer Elemente" auf "Fest" stellen und bei "gleichzeitig sichtbare Elemente" auf 1.

---- herzlichen Dank nochmal! ----