Block - Bild Slider

Mit diesem Block kann ein einfacher Slider mit Verlinkungen erstellt werden.

Dieser Slider kann beispielsweise für Verweis auf Unterseiten genutzt werden. Darstellungsbeispiele finden Sie in diesem Beitrag als letzten Abschnitt

Ansicht im Frontend

Eingabemaske & Einstellungen

Dieser Block hat folgende Einstellungen:

1. Abstände
2. Hintergrundfarbe
3. Textfarben
4. Slider - Darstellungsart (Volle Breite / Content-Breite)
   
5. Slider -  Link Darstellung (Komplettes Element / Als Button)
   
6. Slider - Pfeile (An/Aus)
7. Slider - Paginierung Darstellung (Keine/Punkte/Scrollbar)
   
8. Slider - Pfeil- und Paginierungsfarbe & Hoverfarbe
   
9. Slide Farbeffekt (Graustufen / Kein Effekt)
   
10. Sliderdurchgänge (Durchgängig [fließender Durchlauf]/Einzelslide [immer nur ein Element]/Stapelslide [Wenn 3 Slide angezeigt, dann zeigt es die 3 weiteren Slides)
11. Slider - Autoplay Geschwindigkeit (Schnell/Normal/Langsam/Aus)
    
12. Menge der Anzeige
    
13. Bildbreite (%)
    
14. Bildhöhe
    
15. Bildabstände
16. Slider - Benutzerdefinierte Pfeile
    
17. Zusatzklasse (CSS-Klassen)

Darstellungsbeispiele

Version 1 

1. Hintergrundfarbe: Grau
   
2. Link als Button
3. Content-Breite
   
4. Anzahl: 3
   
5. Bildbreite: 100%
   
6. Bildhöhe: 400
   
7. Bildabstände: 20
   
8. Paginierung: Punkte
   
9. Pfeile: Aus

Version 2

1. Hintergrund: Sekundär
   
2. Textfarben: Weiß
   
3. Link als Button
4. Content-Breite
   
5. Anzahl: 2
   
6. Bildbreite: 100%
   
7. Bildhöhe: 400
   
8. Bildabstände: 20
   
9. Paginierung: Keine
   
10. Pfeile: An

Version 3

1. Volle Breite
   
2. Link als Button
3. Anzahl: 4
   
4. Bildbreite: 100%
   
5. Bildhöhe: 400
   
6. Bildabstände: 20
   
7. Paginierung: Keine
   
8. Pfeile: Aus
   
9. Farbeffekt: Kein Effekt

• Related Articles

• Block - Bild Textbox CTA

  Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Abstände Hintergrundfarbe Darstellungsart ...

• Block - Teaser Slider

  Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Abstände Hintergrundfarbe Bilddarstellung ...

• Block - Testimonial Slider

  INFO: Sie finden den Testimonial Slider Ihrer Webseite unter Seiten -> Elemente. Dieser Bereich wird auf jeder Seite über dem Footerbereich platziert. Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen ...

• Block - Bild Text Kacheln

  Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Abstände Hintergrundfarbe Schriftfarben ...

• Block - Bild Textbox Overlap

  Sie benötigen eine Digitale Visitenkarte? Dann können Sie diesen Block hier verwenden. Dieser Block ermöglicht es Kontaktdaten, wie E-Mail, Telefonnummer oder weitere Informationen zu hinterlegen. Sie können diesen Block auch für andere Themen ...