9.6 Bilder in Inhaltsseiten einfügen

Lade ein Bild über die Medienauswahl des Seiteneditors hoch und füge es in eine Inhaltsseite ein. Ergänze eine Beschreibung und prüfe die Größe in der Shopansicht.

Im Backoffice
  1. Design
  2. Seiten
  3. Inhaltsseite öffnen
  4. Inhalt der Seite

Vorbereitung

Voraussetzungen

  • Du bist im Backoffice angemeldet und darfst die gezeigten Artikel- und Seitenbilder bearbeiten.
  • Die Änderungen sind intern abgestimmt und freigegeben.

Ausgangssituation

Wir verwenden den eigenen Seitenentwurf Demo Bilder und Medien. Artikelbilder und Bilder in Inhaltsseiten werden an unterschiedlichen Stellen verwaltet.

Wir verwenden eigene T-Shirt-Beispielbilder und einen eigenen Seitenentwurf. Artikel und Inhaltsseite bleiben nach der Prüfung deaktiviert. Vorhandene Bilder und Seiten werden nicht überschrieben.

1.4

Bildfunktion im Seiteneditor öffnen

Öffne Design → Seiten und den eigenen Entwurf Demo Bilder und Medien. Setze den Cursor im Text an die gewünschte Stelle und öffne die Bildfunktion.

Die Dateiablage für Seitenbilder ist von der Artikelgalerie getrennt. Ein Bild in einem Seitentext fügt dem Artikel keine weitere Galerieansicht hinzu.

Bildfunktion im Seiteneditor öffnen bei der Bildpflege in PrestaShop
PrestaShop 9: Bildfunktion im Seiteneditor öffnen.

Ergebnis prüfen: Die Bildfunktion ist im eigenen Seitenentwurf geöffnet.

▶ Diesen Schritt im Video ansehen
2.4

Datei über die Medienauswahl hochladen

Öffne neben dem Bildquellfeld die Dateiauswahl und nutze den Hochladen-Bereich. Wähle handbuch-medien-tshirt.png und warte auf den abgeschlossenen Upload.

Prüfe vorhandene Dateien vor dem Hochladen. Diese Anleitung verwendet einen eigenen Dateinamen und überschreibt keine vorhandenen Medien.

Datei über die Medienauswahl hochladen bei der Bildpflege in PrestaShop
PrestaShop 9: Datei über die Medienauswahl hochladen.

Ergebnis prüfen: Die eigene PNG-Datei ist in der Medienauswahl vorhanden.

▶ Diesen Schritt im Video ansehen
3.4

Bild auswählen und Beschreibung ergänzen

Wähle die hochgeladene Datei. Trage Schwarzes T-Shirt, Vorderansicht als Beschreibung ein und stelle die Darstellungsbreite auf 320 Pixel bei beibehaltenem Seitenverhältnis. Bestätige den Dialog.

Die Breitenangabe ändert nur die Darstellung auf der Seite. Die hochgeladene Originaldatei wird dadurch nicht kleiner. Verwende eine für den Einsatzzweck geeignete Quelle und prüfe die tatsächliche Darstellung.

Bild auswählen und Beschreibung ergänzen bei der Bildpflege in PrestaShop
PrestaShop 9: Bild auswählen und Beschreibung ergänzen.

Ergebnis prüfen: Das Bild ist mit Beschreibung und proportionalen Maßen in den Text eingefügt.

▶ Diesen Schritt im Video ansehen
4.4

Darstellung prüfen und Entwurf zurücknehmen

Speichere den Entwurf. Im verwendeten DEV-System führt die Vorschau deaktivierter Seiten zu einer Fehlerseite. Für diesen lokalen Test aktivieren wir ausschließlich unsere eigene Beispielseite vorübergehend und öffnen ihre Shopdarstellung.

Prüfe Bild, Beschreibung, Textabstand und die Darstellung bei schmalem Fenster. Deaktiviere die eigene Beispielseite anschließend wieder. Die Suchmaschinenfreigabe bleibt ausgeschaltet. Dies ist ein lokaler Testablauf, keine Empfehlung, ungeprüfte Inhalte in einem öffentlichen Shop zu aktivieren.

Darstellung prüfen und Entwurf zurücknehmen bei der Bildpflege in PrestaShop
PrestaShop 9: Darstellung prüfen und Entwurf zurücknehmen.

Ergebnis prüfen: Die lokale Darstellung ist geprüft; die eigene Seite bleibt danach deaktiviert und nicht für Suchmaschinen freigegeben.

▶ Diesen Schritt im Video ansehen

Abschlusskontrolle

  • Die Bildfunktion ist im eigenen Seitenentwurf geöffnet.
  • Die eigene PNG-Datei ist in der Medienauswahl vorhanden.
  • Das Bild ist mit Beschreibung und proportionalen Maßen in den Text eingefügt.
  • Die lokale Darstellung ist geprüft; die eigene Seite bleibt danach deaktiviert und nicht für Suchmaschinen freigegeben.

Fragen und Antworten

Verkleinert die Editor-Breite von 320 Pixeln auch die Quelldatei?

Nein. Sie bestimmt die Darstellung im Inhalt. Die Bilddatei muss vorher für den Einsatzzweck vorbereitet und anschließend in der Vorschau geprüft werden.

NÄCHSTE ANLEITUNG

Weiterführende Anleitungen

WEITER MIT KAPITEL 10.110.1 Kategorienstruktur im Shop prüfen →

← 9.5 Artikelbilder austauschen und entfernen

WIR HELFEN DIR WEITER

Unterstützung bei der Bildpflege

Wir unterstützen dich im Rahmen unserer Supportpläne auch bei redaktionellen Aufgaben im Shop. Die passenden Angebote findest du auf presta.at.

Supportpläne auf presta.at

9.6 Bilder in Inhaltsseiten einfügen – Video

Deutsche Untertitel kannst du bei Bedarf im Player einschalten.

Wenn du das Video schließt, kannst du an derselben Stelle weiterlesen.

Handbuch durchsuchen

Suche in allen Kapiteln und Anleitungen.

    Abbildung vergrößern

    Originaldatei öffnen