Portlet Top-Produkte 7

Erstellt von DeinConsultant GmbH, Geändert am Di, 4 Mär um 1:41 VORMITTAGS von DeinConsultant GmbH

Stand vom 28. Februar 2025

Auf dieser Seite finden Sie einen Überblick über die Möglichkeiten des DC-Portlets "Top-Produkte 7" für den OnPage Composer des JTL-Shops.

Mit diesem Portlet können Sie ein Produktbanner mit einem großen Hauptbild und bis zu sechs kleineren Produktbildern einfügen. Jedes Bild kann mit einem Link, Titel und einer individuellen Hintergrundfarbe versehen werden, um eine ansprechende Präsentation Ihrer Artikel zu ermöglichen.

Top-Produkte 7-2 erstellen

Schritt-für-Schritt-Anleitung:

1. Anmeldung im Backend:

Melden Sie sich im Backend Ihres JTL-Shops an und wechseln Sie zum Frontend des Shops.

2. Seite auswählen:

Öffnen Sie die Seite, die Sie bearbeiten möchten.
Klicken Sie auf das OnPage Composer-Icon oben links auf der Seite, um den OnPage Composer zu starten.

3. Container hinzufügen:

Ziehen Sie einen Container aus dem Bereich Layout in den OnPage Composer.
Das Portlet "Top-Produkte 7" muss innerhalb dieses Containers platziert werden.

4. Portlet hinzufügen:

Ziehen Sie das Portlet "Top-Produkte 7" an die gewünschte Position im OnPage Composer.
Es öffnet sich das Bearbeitungsfenster "Top-Produkte 7 bearbeiten".

5. Bilder und Texte hinzufügen:

Hier können Sie bis zu 7 Bilder mit individuellen Titeln und Links hinterlegen.
Klicken Sie auf "Click to upload", um ein Bild hochzuladen.
Es öffnet sich die Medienbibliothek mit allen verfügbaren Dateien im OnPage Composer.

6. Bild hochladen:

Ziehen Sie die Bilddatei per Drag & Drop in das Fenster oder
Klicken Sie mit der rechten Maustaste und wählen Sie "Datei hochladen", navigieren Sie zur Datei und wählen Sie sie aus.
Empfohlene Bildgrößen:
- Großes Produktbild: 400 × 400 px
- Kleine Produktbilder: 200 × 200 px

7. Texte und Links hinzufügen:

Alt-Text: Tragen Sie eine alternative Bildbeschreibung für bessere SEO-Optimierung ein.
Titel: Geben Sie eine Bezeichnung für das Bild ein, z. B. den Produktnamen.
Link: Fügen Sie die URL der entsprechenden Produktseite ein.
Hintergrundfarbe: Wählen Sie eine Hintergrundfarbe für das Bild.

8. Speichern der Einstellungen:

Klicken Sie auf "Speichern", um die Änderungen zu übernehmen.

Kontaktieren Sie uns jetzt: +49 (0)511 51518510
Oder schreiben Sie uns: info@deinconsultant.de

Oder Senden Sie uns ein Ticket: Ticket einreichen