info
JTL Shop
JTL Wawi
DHL
UPS
JTL WMS Mobile

Konfiguration & Bedienung im Detail

Portlet-Nutzung

1. Um das Portlet zu verwenden, gehen Sie zu Ihrem Shop. Klicken Sie dann auf den On Page Composer. Hier werden Sie das installierte Portlet zusammen mit anderen Portlets sehen.

2. Um das Portlet zu verwenden, ziehen Sie es an die gewünschte Stelle und lassen Sie es dort los.

3. Dann klicken Sie auf die Schaltfläche Bearbeiten(Stift-Symbol). Sie können hier die Standardwerte ändern und die erforderlichen Einstellungen vornehmen.

4. Hier können Sie einen speziellen Klassennamen für Ihr Portlet eingeben.

5. Der Titel Interessante Kategorien wird standardmäßig angezeigt und kann geändert werden. Außerdem können Sie die Textebene innerhalb der Optionen von Level ändern:

6. Sie können auch die Position des Titels ändern, der standardmäßig als zentriert angezeigt wird. Sie können es nach Belieben ändern, indem Sie eine der folgenden Optionen auswählen:

7. Hier müssen Sie Bilder für den Kategorie-Slider hochladen:

Die Größe der Bilder sollte 300 * 300 nicht überschreiten, da andernfalls Probleme mit Ihrem Portlet auftreten können.

8. Nachdem Sie Ihre Bilder hochgeladen haben, müssen Sie die Kategorienamen und -überschriften für die Kategorie-Slider-Bilder eingeben.

Wenn Sie dem Slider-Element einen Link hinzufügen möchten, müssen Sie die Option 'Link' auswählen und den Link eingeben.

9. Die Automatische Wiedergabe-Funktion wird standardmäßig als Deaktiviert angezeigt, was bedeutet, dass Sie Ihren Slider mit den Pfeilen bewegen können. Wenn Sie Aktivieren auswählen, wird Ihr Slider automatisch bewegt. Sie können auch die Geschwindigkeit der Bewegung hier festlegen:

10. Sie können die Schriftgröße (font-size) und die Schriftfarbe (font-color) für die von Ihnen hochgeladenen Bilder und deren Titel individuell ändern.

Bitte achten Sie darauf, dass Sie die Schriftgröße (font-size) in px angeben, wenn Sie diese Eigenschaft ändern möchten.

11. Sie können den Hintergrund des Sliders ändern. Wählen Sie hier eine Farbe aus und verwenden Sie sie:

12. Wenn Sie Ihrem Slider Margin, Padding und Border-Eigenschaften hinzufügen möchten, können Sie die Werte hier eingeben.

13. Wenn Sie die Border-Eigenschaften ändern möchten, können Sie die erforderlichen Anpassungen hier vornehmen:

14. Sie können die Border-Style-Eigenschaft mit einer der folgenden Optionen ändern:

15. Wenn Sie die Border-Radius-Eigenschaft hinzufügen möchten, können Sie hier einen numerischen Wert in px eingeben:

16. Wenn Sie nicht möchten, dass Ihr Portlet in bestimmten Größen angezeigt wird (z.B. für extra kleine Geräte), können Sie hier die gewünschte Option auswählen:

17. Nachdem Sie die erforderlichen Einstellungen vorgenommen haben, klicken Sie auf die Schaltfläche Speichern. Ihr Portlet ist nun einsatzbereit!