Zum Hauptinhalt springen

Documentation Index

Fetch the complete documentation index at: https://docs.dc.ag/llms.txt

Use this file to discover all available pages before exploring further.

In folgendem zeigen wir Ihnen, wie Sie Scrollbars erstellen. Scrollbars sind Leisten, welche mehrere Bilder anzeigen und automatisch durch diese Bilder scrollen. Grundsätzlich werden dort mehrere Bilder gleichzeitig angezeigt. Hierbei gibt im Gegensatz zu einer Bildergalerie keine Anzeige für ein großes Bild, sondern die Bilder haben alle die gleiche Anzeige-Größe. Außerdem haben Sie bei Scrollbars noch die Möglichkeit einen Text am Bild zu pflegen. Typischerweise werden Scrollbars dazu eingesetzt, die vorhandenen Marken in Ihrem Shop anzuzeigen.
Diese Anleitung gehört zu den Inhaltsarten. Wie Sie generell einen Inhalt erstellen, zeigen wir Ihnen unter Inhalte erstellen und bearbeiten.
1

Schritt 1: Auswählen der Inhaltsart “Scrollbars”

Wählen Sie anfangs die Inhaltsart “Scrollbars” aus. Dadurch sollte sich ein Fenster mit der Überschrift “Neue Scrollbar” öffnen.
Auswählen der Inhaltsart Scrollbars
2

Schritt 2: Beschreibung wählen und Speichern

Wählen sie in dem Fenster als erstes eine Beschreibung. Diese dient nur der Übersichtlichkeit und wird nicht auf Ihrer Webseite angezeigt.
Beschreibung der Scrollbar wählen
Scrollbar speichern
3

Schritt 3: Element-Breite und -Höhe wählen

Dies nimmt Einfluss auf die Größe, in welcher die einzelnen Bilder dann tatsächlich angezeigt werden. Deswegen sollten Sie auch hier das Format bzw. Seitenverhältnis der Originalbilder beachten.
Element-Breite einstellen
Element-Höhe einstellen
4

Schritt 4: Breite und Höhe wählen

Wenn Sie mehrere Elemente nebeneinander angezeigt haben wollen, müssen Sie somit die Breite der Scrollbar anpassen, sodass diese mindestens so breit ist, wie die Element-Breite multipliziert mit den gleichzeitig gezeigten Elementen.
Breite der Scrollbar einstellen
Höhe der Scrollbar einstellen
5

Schritt 5: Pfeilposition und Elementanzeige anpassen

Als nächstes können Sie entscheiden, wo und ob Pfeile an der Scrollbar angezeigt werden sollen, durch welche der Besucher manuell auf die nächsten Bilder umschalten kann.
Pfeile an der Scrollbar anzeigen
Gleichzeitig gezeigte Elemente
Elemente pro Scroll
6

Schritt 6: Anzeige- und Effekt-Dauer bestimmen

Die Anzeigedauer legt fest, wie viele Millisekunden gewartet wird, bevor der nächste Scroll ausgelöst wird. Die Effekt-Dauer legt fest, wie lange (in Millisekunden) der Scroll-Effekt angezeigt werden soll.
Effekt-Dauer einstellen
Anzeigedauer einstellen
7

Schritt 7: Bilder pflegen

Dazu klicken Sie unter der Überschrift “Scrollbar Bilder” auf das Plus mit dem danebenliegenden Schriftzug “Neu”. Daraufhin sollte sich ein Fenster mit der Überschrift “Neues Scrollbar-Bild” öffnen, in welchem Sie das jeweilige Bild hochladen können.
Neue Scrollbar-Bilder hinzufügen
Datei für Scrollbar auswählen
Hochgeladenes Bild in der Scrollbar
8

Schritt 8: Bild-Beschreibung und -Text wählen

Danach legen Sie eine Beschreibung für Ihr hochgeladenes Bild fest. Diese dient nur der Übersichtlichkeit und wird nicht auf Ihrer Webseite angezeigt.
Bild-Beschreibung festlegen
Bild-Text pflegen
9
Darüber hinaus haben Sie noch die Option an Ihrem Bild einen Link zu hinterlegen, auf welchen der Besucher weitergeleitet wird, sobald er auf das dazugehörige Bild in der Scrollbar klickt.
Link am Bild hinzufügen
Bild speichern und schließen
Übersicht der Scrollbar-Bilder
Scrollbar abschließend speichern
Beispiel einer fertigen Scrollbar

Verwandte Themen

Inhaltsarten

Übersicht aller verfügbaren Module.

Inhalte erstellen und bearbeiten

Inhalte auf Seiten anlegen.

Slideshows

Bilder als Slideshow auf Ihrer Seite präsentieren.

Bildergalerien

Mehrere Bilder als Galerie mit Vorschau anzeigen.