Portlet Infos über uns
.webp)
Auf dieser Seite finden Sie eine umfassende Anleitung zur Nutzung des DC-Portlets: Portlet "Infos über uns" für den OnPage Composer des JTL-Shops.
Mit diesem Portlet können Sie wichtige Informationen über Ihren Shop ansprechend darstellen. Hier werden Icons und Texte in Form von Bannern angezeigt, die flexibel angepasst werden können.
Infos über uns 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. Portlet hinzufügen:
- Ziehen Sie das Portlet "Infos über uns" im OnPage Composer an die gewünschte Stelle auf Ihrer Seite. Es öffnet sich das Fenster "Infos über uns bearbeiten".
4. Anzahl der Mini-Banner festlegen:
- Wählen Sie aus, wie viele Mini-Banner für verschiedene Display-Auflösungen angezeigt werden sollen.
5. Trennzeichen auswählen:
- Entscheiden Sie, ob Sie ein Trennzeichen zwischen den Mini-Bannern benötigen, und markieren Sie das Feld "Divider", wenn ja.
6. Bild hochladen:
- Klicken Sie auf "Click to Upload". Ein Dialogfenster öffnet sich, in dem Sie alle bisher hochgeladenen Mediendateien finden.
- Ziehen Sie eine Bilddatei 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 Grafikdatei, um diese für Ihren Banner zu übernehmen.
7. Alternativtext hinzufügen:
- Geben Sie einen Alternativtext (Alt-Text) für das hochgeladene Bild ein. Dieser Text wird von Suchmaschinen interpretiert und hilft bei der Barrierefreiheit.
8. Titel eingeben:
- Geben Sie den Titel ein, der im Banner angezeigt werden soll.
9. Text eingeben:
- Geben Sie den Text ein, der die Informationen über Ihren Shop beschreibt.
10. Link hinzufügen:
- Geben Sie unter "Link" die URL der Seite ein, mit der Sie den Mini-Banner verlinken möchten.
11. Weitere Elemente hinzufügen:
- Fügen Sie weitere Felder ein, wenn Sie mehr Elemente einfügen möchten. Sie können maximal 8 Elemente aktivieren.
12. Elemente ausblenden:
- Per Checkbox können Sie einzelne Elemente ausblenden, wenn sie nicht angezeigt werden sollen.
13. Farbeinstellungen vornehmen:
- Wählen Sie die Hintergrundfarbe und Textfarbe für die Banner und den Button aus, um sie optimal an das Design Ihres Shops anzupassen.
14. Hover-Effekte konfigurieren:
- Legen Sie die Hover-Effekte für die Text- und Hintergrundfarben fest. Diese Farben werden angezeigt, wenn der Mauszeiger über die Elemente bewegt wird.
15. Einstellungen speichern:
- Speichern Sie Ihre Einstellungen, um die Änderungen zu übernehmen.
Mit diesen Schritten haben Sie erfolgreich das Portlet "Infos über uns" erstellt und konfiguriert. Nutzen Sie die vielfältigen Anpassungsmöglichkeiten, um wichtige Informationen über Ihren Shop ansprechend zu präsentieren und die Aufmerksamkeit Ihrer Kunden zu gewinnen.