Skip to main content

Die Optionen für den Slider / Teaser sind sehr überschaubar. Unter dem Punkt Optionen kannst du lediglich den Layout-Stil festlegen und die Slider global deaktivieren, falls gewünscht.

Jede Seite, jeder Beitrag sowie der Pagebuilder beinhalten ein eigenes Feld für den Slider sowie einzelne Optionen, wodurch sich dieser jedes Mal individuell einstellen lässt.

Die Optionen sind dann folgende:

  1. Die Indikatoren (kleinen Pünktchen) lassen sich de/aktivieren
  2. Die Pfeile können ebenfalls de/aktiviert werden
  3. Auch der Zeitintervall, in dem der Slider automatisch wechselt, kann definiert werden
  4. Ebenfalls kann der Effekt beim Wechseln vom 1. auf das 2. Bild definiert werden. Standardgemäß ist es bei Bootstrap so, dass die Bilder einfach von rechts nach links geschoben werden. Als weitere Optionen haben wir noch einen Fadeeffekt eingebaut.
Hinweis: Diese Optionen greifen natürlich nur dann, wenn unten beim Punkt „Bilder“ mindestens zwei Bilder ausgewählt sind. Ist nur ein Bild ausgewählt, ist der Slider nur ein ganz normaler Banner.

In dem eben angesprochenen Punkt Bilder lassen sich die einzelnen “Slides” definieren. Hier haben wir mit einem sogenannten Repeaterfeld gearbeitet, das dir erlaubt unendlich viele Slides anzulegen.

Jedes dieser Repeaterfelder hat drei Optionen: Hintergrundfarbe, Bild und Text

Die Hintergrundfarbe kann definiert werden, wenn das Bild zum Beispiel nur halb so breit wie die Seite ist und einen Farbverlauf nach außen hat. Dadurch wirkt der Slider, als würde er über die komplette Seite gehen.

Aber auch, wenn du kein Bild verwendest, sondern nur Text kann dieser Balken mit der Hintergrundfarbe eingefärbt werden.

Wie schon angesprochen, kann auch nur ein Bild verwendet werden. Dann wird aus dem Solider ein statischer Banner.


War dieser Artikel hilfreich?

1 Star2 Stars3 Stars4 Stars5 Stars
2,50 / 5

Keine Kommentare vorhanden


Du hast eine Frage oder eine Meinung zum Artikel? Teile sie mit uns!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*
*

Choose your currency:

Close
Converted prices are for reference only - all orders are charged in € Euro (€) EUR.
  • USDUS Dollar ($)
  • EUREuro (€)
  • GBPPfund Sterling (£)
  • AUDAustralische Dollar ($)
  • BRLBrasilianischer Real (R$)
  • CADKanadischer Dollar ($)
  • CZKTschechische Krone
  • DKKDänische Krone
  • HKDHongkong Dollar ($)
  • HUFUngarischer Forint
  • ILSIsraelischer Schekel (₪)
  • JPYJapanischer Yen (¥)
  • MYRMalaysischer Ringgits
  • MXNMexikanischer Peso ($)
  • NZDNeuseeland Dollar ($)
  • NOKNorwegische Krone
  • PHPPhilipinischer Pesos
  • PLNPolnischer Zloty
  • SGDSingapur Dollar ($)
  • SEKSchwedische Krone
  • CHFSchweizer Franken
  • TWDTaiwan New Dollar
  • THBThai Baht (฿)
  • INRIndische Rupie (₹)
  • TRYTürkische Lira (₺)
  • RUBRussischer Rubel