Zeigt Ihre Bilder/Logos nebeneinander an. Die Bilder können optional als Link zu einer anderen Seite dienen.
So fügen Sie die Logo Cloud Simple hinzu
Navigieren Sie im Backend zu Content > Landing Pages und wählen Sie die Seite aus, die Sie bearbeiten möchten. Um das Element zu Ihrer Seite hinzuzufügen, klicken Sie zunächst auf „Seitenabschnitt hinzufügen“. Wählen Sie in der Übersicht die Kategorie „Funktional und Strukturelle Elemente“ aus und fügen Sie das spezifische Element „Logo Cloud Simple“ hinzu, indem Sie auf die Schaltfläche „Diese Zeile hinzufügen“ klicken.
Inhalte Konfigurieren
Sobald die Zeile hinzugefügt wurde, können Sie mit dem Hochladen Ihrer Logos beginnen. Laden Sie Ihr Bild hoch und geben Sie einen passenden Alternativtext an (wir empfehlen hierbei das Format „Markenname Logo“).
Zusätzlich haben Sie die Möglichkeit, für jedes Bild einen Link zu hinterlegen, um Besucher beispielsweise direkt zur Webseite eines Partners weiterzuleiten. Klicken Sie auf die Schaltfläche "Logo Cloud Simple hinzufügen“, um diesen Schritt für jedes weitere Logo zu wiederholen, das Sie anzeigen möchten.
Design und Layout anpassen
Im nächsten Schritt können Sie das optische Erscheinungsbild Ihres Logo-Bereichs verfeinern. Nutzen Sie die Row BG Color, um eine Hintergrundfarbe zu wählen, und den LP Row Margin, um den vertikalen Abstand einzustellen.
Wählen Sie anschließend Ihren bevorzugten Display Type:
- Row: Die Elemente werden in einem Raster angeordnet und brechen bei Bedarf in mehrere Zeilen um.
- Slider: Die Logos werden in einem horizontalen Slider angezeigt. Diese Option wird empfohlen, wenn Sie mehr als 5 Logos hinzufügen möchten.
- Slider rows: Bei Verwendung der Slider-Anzeige können Sie hier die Anzahl der Zeilen festlegen, die innerhalb der Zeile gleichzeitig angezeigt werden sollen.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie oben auf der Seite auf „Speichern“, um Ihre Konfiguration zu sichern.
Endergebnis
Um Ihre Arbeit zu überprüfen, wechseln Sie einfach oben auf den Reiter „Ansicht (Frontend)“. Hier sehen Sie die Live-Ansicht Ihres Elements genau so, wie es Ihren Nutzern auf der Website angezeigt wird – entweder als statisches Raster oder als interaktiver Slider.