Portlet Hauptbanner

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

Mit diesem Portlet können Sie eine Beschreibung mit Hauptbild einfügen. Hier werden verschiedene Textformen sowie Titel, Untertitel und Beschreibung mit Hauptbild angezeigt. Sie können den Link in dem Button hinterlegen. Das Portlet eignet sich besonders gut für Call-to-Action-Buttons.

Lorem ipsum

Lorem amet dolor sit consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus nesciunt obcaecati perferendis qui tempora velit.
jetzt kaufen!

Haupttextbanner erstellen

1. Melden Sie sich im Backend von JTL-Shop an und wechseln Sie in das Frontend von JTL-Shop.

2. Ö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 für die Seite zu öffnen.

3. Ziehen Sie das Portlet Haupttext Banner aus OnPage Composer an eine beliebige Stelle in den Container. Es öffnet sich das Fenster Haupttext Banner bearbeiten.

4. Geben Sie Subtitel, Titel und den Text ein, die werden dann wie im wie im oben gezeigten Beispiel angezeigt.

5. Wählen Sie die gewünschte Farbe für den Titel und den Text aus.

6. Geben Sie Button Text ein.

7. Fügen Sie unter Button-Link die URL der Seite ein, mit der Sie den Button verlinken möchten.

8. Klicken Sie auf Click to Upload. Es öffnet sich ein Fenster mit allen Mediendateien, die Ihnen im OnPage Composer zur Verfügung stehen.

9. Ziehen Sie 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.

10. Wählen Sie die Buttonfarbe und Button Textfarbe, und jeweils die Hover Farben dazu aus. Hover Farben werden angezeigt, wenn Sie mit der Maus darüber fahren.

11. Geben Sie einen Alternativtext (Alt-Text) für das hochgeladene Bild ein. Dieser Text kann unter anderem von Suchmaschinen interpretiert werden.

12. Per Checkbox können Sie einzelne Elemente ausblenden.

13. Speichern Sie Ihre Einstellungen.