Bild mit Textüberlagerung

Mit dem Widget «Bild mit Textüberlagerung» können Sie Ihre Webseite einheitlich und ansprechend zu gestalten. Bilder und Text können schnell und unkompliziert eingebaut werden. Das Widget.

Voraussetzungen

Keine. Falls Sie aber ein Bild vom Dateimanager aus hochladen wollen, ist der Upload vorab zu realisieren.

Beispiel eines Bildes mit Textüberlagerung

Bild mit Textüberlagerung in Seite einfügen

Um das Widget «Bild mit Textüberlagerung» auf einer beliebigen Seite Ihrer Wahl einzufügen, sind die folgenden Schritte notwendig: 

1. Gehen Sie zu CMS>Site Editor. Sofern Sie sich noch nicht auf der gewünschten Seite befinden, gehen Sie zu Seite>Seitenstruktur und klicken Sie rechts auf das Pfeil-Symbol der gewünschten Seite.
2. Klicken Sie auf «Widgets einfügen». Daraufhin sind alle verfügbaren Widgets zu sehen. Sie können nach Widgets suchen, filtern oder direkt ein Widget aus der Gesamtauswahl nutzen. In unserem Fall wäre das das Widget «Bild mit Textüberlagerung».
3. Per Drag & Drop können Sie das Widget an die gewünschte Stelle ziehen. Platzieren Sie den Mauszeiger auf das Widget, halten Sie die rechte Maustaste gedrückt und ziehen Sie das Widget an die gewünschte Stelle. Lassen Sie die rechte Maustaste los, wenn Sie einen blauen Balken sehen.

Bild mit Textüberlagerung in Footer einbauen

Sie haben auch die Möglichkeit, das Widget «Bild mit Textüberlagerung» seitenübergreifend im Footer einzubauen:

1. Gehen Sie zu CMS>Template Manager und klicken Sie auf das Bleistift-Symbol von demjenigen Template, das Sie bearbeiten wollen.
2. Klicken Sie bei «Brick-Positionen» auf «bearbeiten».
3. Per Drag & Drop können Sie das Widget an die gewünschte Stelle ziehen. Platzieren Sie den Mauszeiger auf das Widget, halten Sie die rechte Maustaste gedrückt und ziehen Sie das Widget an die gewünschte Stelle. Lassen Sie die rechte Maustaste los, wenn Sie einen blauen Balken sehen.

Funktionen des Bild mit Textüberlagerung-Widgets

Das Widget «Bild mit Textüberlagerung» beinhaltet Funktionen, die Sie in den Widget-Einstellungen bearbeiten können. Sie gelangen folgendermassen zu diesen:

1. Site Editor: Gehen Sie mit dem Mauszeiger auf das entsprechende Widget, drücken Sie die linke Maustaste und klicken Sie dann auf «Widget bearbeiten».
2. Brick-Positionen bearbeiten: Klicken Sie auf das Beistift-Symbol des entsprechenden Widgets.

Einträge bearbeiten/ erstellen

Drücken Sie die Schaltfläche «Neuer Eintrag», um ein neues Bild hinzuzufügen. Klicken Sie auf das Bleistift-Symbol, um bestehende Bilder zu bearbeiten bzw. zu löschen.

Bild: Sie können das Bild bei der Lupe suchen, wenn Sie dessen Namen kennen, es über den Dateimanager auswählen oder das Bild direkt hochladen. Alle Dateien, welche direkt hochgeladen werden, werden im Ordner "Upload" gespeichert.

Titel: Geben Sie optional einen aussagekräftigen Titel für den Textüberlagerungs-Text ein.

Text: Hier können Sie optional einen Text eintragen, der dann als Textüberlagerung zu sehen ist. 

Link: Beim Link können Sie optional einen Link zu den folgenden Zielen angeben:

• Kategorie aus dem Shop
• Produkt aus dem Shop
• Blog-Beitrag
• Link auf CMS Seite
• Jobs-Stelle
• Link auf eine Datei
• Generierte Kategorie aus dem Shop
• Externer Web-Link

Sortierung: Mit der Sortierung können Sie die Reihenfolge bestimmen, an welcher das Bild angezeigt wird.

Layout-Einstellungen

Box-Grössen: Hier können Sie die Box-Grössen bestimmen. Es stehen Ihnen folgende Grössen zur Verfügung:

• Standard
• XS (150px)
• S (200px)
• M (250px)
• L (300px)
• XL (400px)

Einstellungen

Hier können Sie Einstellungen zum Widget nutzen, die allen Widgets gemein sind.

Weitere Informationen dazu finden Sie unter Wiederkehrende Funktionen der Widgets.

Berechtigungen

Hier können Sie festlegen, welche Benutzergruppen das Bild mit Textüberlagerung sehen dürfen.

Weitere Informationen dazu finden Sie unter Berechtigungen.