Gültig für E-Shop.

Hero Image ist ein Begriff aus dem Webdesign und bezeichnet ein großformatiges Banner auf einer Internetseite. Verwendet wird es meistens an oberster Stelle, um Aufmerksamkeit beim Betrachter auszulösen. In E-Shop steht Ihnen dafür das Banner-Bild-Element zur Verfügung. Im Unterschied zum Image-Slider bietet Ihnen das Banner-Bild-Element zusätzliche Möglichkeiten. Dieser Artikel erklärt Ihnen, was Sie darüber wissen müssen.

Banner-Bild-Element verwenden

  • Melden Sie sich in Ihrem IONOS Konto an und öffnen Sie Ihr MyWebsite-Projekt.
  • Klicken Sie im E-Shop-Hauptmenü auf Editor > Seiten.
  • Wählen Sie die zu bearbeitende Seite aus oder fügen Sie eine neue Seite hinzu. Eine Vorschau der Seite wird rechts neben der Menüspalte angezeigt.
  • Klicken Sie auf Inhalte > Banner > Banner-Bild und ziehen Sie mit gedrückter linker Maustaste das Banner-Bild-Element auf die gewünschte Position der ausgewählten Seite.
  • Klicken Sie auf die Schaltfläche Bild hinzufügen und wählen Sie zwischen einem Bild auf Ihrem Computer oder der Unsplash-Bilddatenbank. Beachten Sie, dass die Breite des Bilds mindestens 1240 Pixel betragen sollte.
  • Verschieben Sie das Bild mit den Pfeil-Symbolen oder gedrückter linker Maustaste, bis der von Ihnen gewünschte Ausschnitt angezeigt wird. Durch Drehen des Mausrads zoomen Sie in die Grafik hinein, bzw. heraus
  • Beenden Sie die Positionierung mit Speichern.

Um das Banner-Bild zu bearbeiten, beispielsweise das Hintergrund-Design oder den Animationstyp, bewegen Sie Ihren Mauszeiger über das gewünschte Banner-Bild. Wählen Sie aus den am oberen Bildrand angezeigten Schaltflächen die gewünschte Operation.