Portlet Bild Video Slider
Auf dieser Seite finden Sie einen Überblick über die Möglichkeiten des DC-Portlets: Portlet Bild Video Slider für den OnPage Composer des JTL-Shops.
Mit diesem Portlet können Sie einen Werbeblock erstellen. Der Hintergrund kann als Bild oder Farbton dargestellt werden. Das Highlight dieses Portlets ist, das Sie ein Produktvideo hier hochladen können. Es gibt aber auch die Möglichkeit ein Produktfoto hochzuladen. Somit ergeben sich 4 Designvariationen. Sie haben die Möglichkeit die Textfarben, Hintergrundfarben zu ändern. Der Farbe des Buttons kann ebenfalls geändert werden. Es gibt bei dem Button eine Hauptfarbe und eine Hintergrundfarbe die dann erscheint, wenn man mit dem Mauszeiger auf den Button kommt.
Bild/Video Slider erstellen
1. Melden Sie sich im Backend von JTL-Shop an und wechseln Sie in das Frontend von JTL-Shop.
2. Öffnen Sie die Seite, die Sie bearbeiten möchten, und klicken Sie auf das OnPage Composer-Icon oben links auf der Seite, um den OnPage Composer für die Seite zu öffnen.
3. Ziehen Sie das Portlet Bild/Video Slider im OnPage Composer an eine beliebige Stelle. Es öffnet sich das Fenster Bild/Video Slider bearbeiten.
4. Klicken Sie auf Click to Upload. Es öffnet sich ein Dialogfenster, in dem Sie alle bisher hochgeladenen Mediendateien für den OPC finden.
5. Ziehen Sie Bilddatei und Videodatei per Drag&Drop in das Fenster oder klicken Sie mit der rechten Maustaste in das Fenster und wählen Sie Datei hochladen, navigieren Sie zur Datei und wählen Sie diese aus.
6. Doppelklicken Sie anschließend auf Ihre Grafikdatei, um diese für Ihren Slider zu übernehmen.
7. Geben Sie einen Titel und eine Beschreibung ein. Die werden angezeigt, wie im oben gezeigten Beispiel.
8. Schritt 4,5,6 wiederholen für Hintergrundbilder
9.Textfarbe, Hintergrundfarbe können mit RGB-Controller eingestellt werden. Sie können auch die Farbe der Hover-Funktion festlegen, die angezeigt wird, wenn Sie mit der Maus darüber fahren.
10. Geben Sie den Text unten dem Buttontext und die URL unter dem Link für Button ein. Diese URL wird bei Klick auf Button verlinkt.
11. Einstellung der Slider können über Spalte Zusatzoption eingestellt werden. hier können Sie hacken setzen für Ihre gewünschten Funktionen.
Slider-Navigation : in dem Slider werden Links-Rechts Pfeilzeichen angezeigt. Wenn die Checkbox aktiviert ist, wird direkt darunter ein Feld mit RGB-Setter erstellt, in dem Sie die Farbe des Pfeils festlegen können.
Automatisches Abspiel : Die Slider wird automatisch abgespielt.
Slider unendlich : Die Slider wird automatisch abgespielt und endlos wiederholt.
Navigationspunkte anzeigen: Punktsymbol wird direkt unter dem Slider angezeigt. Wenn die Checkbox aktiviert ist, wird direkt darunter ein Feld mit RGB-Setter erstellt, in dem Sie die Farbe der Punkte festlegen können.
12. Speichern Sie Ihre Einstellungen.
