Portlet Kategorie Slider

Auf dieser Seite finden Sie eine detaillierte Anleitung zur Nutzung des DC-Portlets: Portlet Kategorie Slider für den OnPage Composer des JTL-Shops.

Mit diesem Portlet können Sie einen Kategorie-Slider erstellen. Der Slider kann mit Bildern oder Icons befüllt werden und die Elemente fungieren als Buttons, die auf verschiedene Webseiten verlinkt sind. Dies ermöglicht eine ansprechende und interaktive Navigation innerhalb Ihres Shops.

Kategorie Slider erstellen

Schritt-für-Schritt-Anleitung:

1. Anmeldung im Backend:

  • Melden Sie sich im Backend Ihres JTL-Shops an und wechseln Sie anschließend ins Frontend.

2. Seite auswählen:

  • Ö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 zu starten.

3. Container hinzufügen:

  • Ziehen Sie zuerst einen Container aus dem Bereich "Layout" im OnPage Composer an die gewünschte Stelle auf Ihrer Seite. Das Portlet "Kategorie Slider" funktioniert am besten innerhalb eines Containers.

4. Portlet hinzufügen:

  • Ziehen Sie das Portlet "Kategorie Slider" in den zuvor platzierten Container. Es öffnet sich das Fenster "Kategorie Slider bearbeiten".

5. Bild oder Icon hochladen:

  • Klicken Sie auf "Click to Upload". Es öffnet sich ein Fenster mit allen Mediendateien, die im OnPage Composer zur Verfügung stehen.
  • Ziehen Sie eine Bilddatei oder ein Icon 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.
  • Doppelklicken Sie anschließend auf Ihre Bilddatei oder Ihr Icon, um dieses für Ihren Slider zu übernehmen.

6. Alternativtext hinzufügen:

  • Geben Sie einen Alternativtext (Alt-Text) für das hochgeladene Bild oder Icon ein. Dieser Text wird von Suchmaschinen interpretiert und verbessert die Barrierefreiheit.

7. Titel eingeben:

  • Geben Sie den Titel ein, der im Slider angezeigt werden soll.

8. Link hinzufügen:

  • Geben Sie unter "Link" die URL der Seite ein, mit der Sie die Bilddatei oder das Icon verlinken möchten.

9. Weitere Elemente hinzufügen:

  • Klicken Sie auf das Plus-Symbol, um weitere Elemente zum Slider hinzuzufügen. Wiederholen Sie die Schritte 5 bis 9 für jedes zusätzliche Element.

10. Farbeinstellungen vornehmen:

  • Passen Sie die Farben der Slider-Elemente an. Wählen Sie die Hintergrundfarbe, Textfarbe und die Farben für Hover-Effekte aus, die angezeigt werden, wenn der Mauszeiger über die Elemente bewegt wird.

11. Navigationseinstellungen konfigurieren:

  • Konfigurieren Sie die Slider-Navigation in der Spalte "Slider-Optionen". Hier können Sie Einstellungen wie die Anzahl der sichtbaren Elemente, die Scrollrichtung und die Geschwindigkeit der Animation festlegen.

12. Einstellungen speichern:

  • Speichern Sie Ihre Einstellungen, um die Änderungen zu übernehmen.

Mit diesen Schritten haben Sie erfolgreich einen Kategorie-Slider erstellt, der Ihre Kategorien ansprechend und interaktiv präsentiert. Nutzen Sie die vielfältigen Anpassungsmöglichkeiten, um das Portlet optimal an das Design Ihres Shops und die Bedürfnisse Ihrer Kunden anzupassen.