Portlet 2 Produkte Banner

Stand vom 27. Februar 2025

Auf dieser Seite finden Sie einen Überblick über die Möglichkeiten des DC-Portlets: Portlet 2 Produkte Banner für den OnPage Composer des JTL-Shops.

Mit diesem Portlet können Sie ein “2 in1 Banner” erstellen. Sie haben in jedem Block die Möglichkeit ein größeres Bild oben und ein kleineres Bild unten zu platzieren und in zwei Positionen einzustellen, so wie Farben von Text, Hintergrund, oberen und unteren Rand des Blocks, Button und Text (wenn man den Cursor auf den Text bewegt) verändern. Sie haben auch die Möglichkeit einen Link-Button einzugeben und auch einzustellen wie man den Link aufmacht (in einem neuen oder in dem gleichen Tab). Sie ziehen die Aufmerksamkeit des Kunden auf das Angebot, in dem Sie mit den Bildern, dem Preis und der Produktbeschreibung die Aufmerksamkeit des Kunden auf das Angebot ziehen und dann mit der Button Beschreibung den Kunden dazu leiten den Button anzuklicken und zu der gewünschten Seite zu gelangen.

2 Produkte Banner 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 "2 Produkte Banner" im OnPage Composer an die gewünschte Stelle auf Ihrer Seite. Es öffnet sich das Fenster "2 Produkte Banner bearbeiten".

4. Bilder hochladen:

• Klicken Sie auf "Click to Upload" bei Bild links und Bild rechts. Ein Dialogfenster öffnet sich, in dem Sie alle bisher hochgeladenen Mediendateien für den OnPage Composer finden.
• Ziehen Sie die gewünschte 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.
• Für mobile Geräte ist es vorgesehen, nur eine Bilddatei im Feld "Bild rechts" hinzuzufügen, damit das Produkt auf kleinen Bildschirmen optimal angezeigt wird.
• Doppelklicken Sie auf die Grafikdatei, um diese für Ihr Banner zu übernehmen.

5. Texteingabe:

• Geben Sie den Preis, den Haupttext, den Subtext und den Buttontext ein. Diese werden im Banner angezeigt, wie im obigen Beispiel dargestellt.

6. Link hinzufügen:

• Geben Sie die URL im entsprechenden Link-Feld ein. Diese URL wird aktiviert, wenn auf den Button geklickt wird.

7. Position der Bilder:

• Bild 1 wird auf der linken Seite und Bild 2 auf der rechten Seite angezeigt.

8. Farbeinstellungen:

• Die Hintergrundfarbe und die Textfarbe können Sie mit einem RGB-Controller anpassen. Sie können auch die Farbe der Hover-Funktion festlegen, die angezeigt wird, wenn der Mauszeiger über das Banner bewegt wird.
• Weitere Farbeinstellungen für Schaltflächen können Sie in der Spalte "Button" festlegen.

9. Speichern:

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

Mit diesen Schritten haben Sie erfolgreich ein 2 Produkte Banner erstellt, das Ihre Produkte wirkungsvoll präsentiert und die Aufmerksamkeit der Kunden auf Ihr Angebot lenkt. Nutzen Sie die verschiedenen Anpassungsmöglichkeiten, um das Banner optimal an das Design Ihres Shops und die Bedürfnisse Ihrer Kunden anzupassen.

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

Oder Senden Sie uns ein Ticket: Ticket einreichen