Du erstellst Banner-Bilder in Version 7.1, indem du Hintergrundbilder zu Seitenabschnitten hinzufügst. Diese Bilder werden immer bis zu einem gewissen Grad abgeschnitten, insbesondere auf Mobilgeräten. Um das Banner anzupassen, kannst du:

• Ändere die Menge des Inhalts, der das Banner überlagert. Viele Inhalte erhöhen die Höhe des Banners und führen dazu, dass das Bild stärker zugeschnitten wird.
• Die Banner-Größe ändern.
• Den Bildausschnitt verwenden, um zu ändern, wie das Bild zentriert wird.

Informationen dazu, wie Ihre Banner auf Mobilgeräten angezeigt werden, finden Sie unter Wie wird meine Website auf Mobilgeräten dargestellt?

Seiten Banner

Bis auf ein paar Ausnahmen werden die Seitenbanner immer zu einem gewissen Grad zugeschnitten, insbesondere auf mobilen Geräten. Wie stark der Beschnitt ist, hängt von der Höhe des Banners und der Breite des Browsers ab.

Tipps:

• Hier erfährst du, wie du die Banner deiner Website gestalten und ihre Höhe festlegen kannst.
• Verwende den Bildausschnitt, um anzupassen, wie das Bild zentriert wird.

Seitenübergreifende Banner

Bilder, die zu seitenübergreifenden Banner-Bildern hinzugefügt wurden (im Website-Stil hinzugefügt), können sich wiederholen, auf Bannerhöhe oder -breite angezeigt werden oder den Container vollständig ausfüllen.

Tipps:

• Verwenden Sie Website-Stile, um festzulegen, wie das Banner-Bild angezeigt wird.
• Wähle Anpassungen, die sowohl auf Mobilgeräten als auch auf einem Computer gut aussehen.

Wenn das Hintergrundbild oder -video deines Abschnitts abgeschnitten wirkt, ändere die Höhe oder Breite des Bereichs, um mehr von deinem Bild oder Video anzuzeigen.

Hintergrundbilder können sich wiederholen, in der Höhe oder Breite des Browsers angezeigt werden oder den Browserbildschirm vollständig ausfüllen.

Tipps:

• Verwenden Sie Website-Stile, um auszuwählen, wie das Banner-Bild angezeigt wird.
• Weitere Informationen zur Anzeige auf Mobilgeräten findest du in unseren Tipps zur Fehlerbehebung.
• Bilder, die an ihrer längsten Kante mehr als 2500 Pixel groß sind, können Probleme auf Mobilgeräten verursachen.

Laden Sie Bilder direkt im Galerie-Abschnitt hoch und verwalten Sie dann den Tab Galerie, um zu steuern, wie Bilder angezeigt werden.

Mehr dazu erfährst du unter Galerieabschnitte.

Wie Bilder auf Ihrer Galerie-Seite angezeigt werden, hängt von Ihrem Template ab. Besuchen Sie den Leitfaden zu Templates, um zu erfahren, wie Bilder auf das Design Ihrer Galerie-Seite zugeschnitten werden können.

Bewegen Sie den Mauszeiger über einen Portfolio-Abschnitt, um ein Bild hinzuzufügen. Verwenden Sie anschließend den Galerie-Tab, um zu kontrollieren, wie es angezeigt wird.

Um mehr zu erfahren, gehe zu Portfolio-Seiten.

Wie Bilder auf einer Index-Seite erscheinen, hängt von Ihrem Template ab. Werfen Sie einen Blick auf den Leitfaden Ihres Templates, um mehr zu erfahren.

Verwende nach dem Hochladen von Bildern in deinen Shop die Anpassungen des Shop-Abschnitts, um sie zu gestalten. Fahre beim Bearbeiten der Seite mit dem Cursor als Mouseover über den Shop-Abschnitt und klicke auf das Bleistiftsymbol. Du kannst die Abstände, die Spalten, das Seitenverhältnis und die Textausrichtung ändern. Probiere verschieden Stil-Anpassungen aus, um festzulegen, wie deine Produktbilder angezeigt werden. Weitere Informationen zum Anpassen deiner Shop-Seite findest du unter Sammlungs-Seite Abschnitte.

Seitenverhältnisse von Produktbildern

Es ist nicht möglich, Produktbilder auf Shop-Seiten automatisch zuzuschneiden. Wir empfehlen, dass deine Produktbilder ähnliche Seitenverhältnisse aufweisen. Bevor du beispielsweise Bilder auf deine Website hochlädst, solltest du sicherstellen, dass deine Produktbilder konsistent im Quer- oder Hochformat ausgerichtet sind.

Wenn deine Produktbilder unterschiedliche Ausrichtungen haben, verwende unseren integrierten Bild-Editor oder Drittanbieter-Tools, um deine Bilder zuzuschneiden. Du kannst mit Produkt-Blöcken auch ein benutzerdefiniertes Layout für deine Produkte erstellen.

Wie Ihre Produktbilder auf der Landing-Page zugeschnitten werden, hängt vom Shop-Seitentyp Ihres Templates ab.

Klassisch

Für klassische Shop-Seiten:

• Verwenden Sie in Website-Stilen die Anpassung für das automatische Zuschneiden von Produktbildern, um auszuwählen, ob die Bilder auf dieselbe Form zugeschnitten oder in ihren ursprünglichen Formen angezeigt werden.
• Wenn Sie sich für Zuschneiden entscheiden, legen Sie mit der Anpassung für die Produktartikelgröße die Form fest.
• Verwende den Bildausschnitt, um anzupassen, wo das Bild zentriert wird.
• Wenn Sie sich gegen Zuschneiden entscheiden, wählen Sie mit der Anpassung Farbe des Produkt-Overlays die Farbe aus, die hinter dem Bild angezeigt wird.
• Weitere Hilfe finden Sie auf Gestalten der Shop-Seiten.

Erweitert

Für erweiterte Shop-Seiten:

• Bilder werden immer auf dieselbe Form zugeschnitten. Dies trägt dazu bei, deiner Seite ein einheitliches Erscheinungsbild zu verleihen.
• Um die Form für alle Bilder auf Ihrer Shop-Seite festzulegen, verwenden Sie die Anpassung Bildseitenverhältnis im Abschnitt Produkte: Layout der Website-Stile.
• Verwende den Bildausschnitt, um anzupassen, wo das Bild zentriert wird.
• Weitere Hilfe finden Sie auf Gestalten der Shop-Seiten.

Einzigartig

Besuche diese Links, um mehr über die Vorschaubild-Stile für eine der einzigartigen Shop-Seiten zu erfahren:

• Galapagos
• Supply