13.4 Mobile Darstellung und Navigation kontrollieren

Prüfe Texte, Bilder und Navigation in einer schmalen Browseransicht. Vergleiche die Darstellung zusätzlich ohne Kundenanmeldung und halte mögliche Abweichungen fest.

In der Shopansicht
  1. Artikel öffnen
  2. Darstellung prüfen

Vorbereitung

Voraussetzungen

  • Du bist im Backoffice angemeldet und darfst die Inhalte für diese Prüfung bearbeiten.
  • Die Änderungen sind intern abgestimmt und freigegeben.

Ausgangssituation

Wir prüfen den eigenen Freigabeartikel in breiter und schmaler Shopansicht. Die Prüfung erfolgt zusätzlich ohne Kundenanmeldung.

Wir verwenden ausschließlich eigene Freigabedemo-Inhalte und fiktive Übungswerte. Checkliste und Prüfnotiz sind Hilfsmittel des Handbuchs und keine PrestaShop-Formulare. Sie aktivieren keine Inhalte und versenden keine Nachrichten.

1.4

Breite Shopansicht als Ausgangspunkt prüfen

Öffne den eigenen Artikel und vergleiche Überschrift, Bild, Preis und Beschreibung.

Ein bestimmtes Bildschirmmaß ist nur ein Testfall. Die Prüfung ersetzt nicht alle Gerätekombinationen deines tatsächlichen Shops.

Breite Shopansicht als Ausgangspunkt prüfen bei der redaktionellen Shopbetreuung
PrestaShop 9: Breite Shopansicht als Ausgangspunkt prüfen.

Ergebnis prüfen: Die breite Ausgangsansicht ist kontrolliert.

▶ Diesen Schritt im Video ansehen
2.4

Schmale Ansicht ohne seitlichen Überlauf prüfen

Kontrolliere den Artikel bei 390 Pixel Fensterbreite. Achte auf lesbare Texte, passende Bilder und erreichbare Bedienelemente.

Die Aufnahme zeigt ein schmales Browserfenster. Ein Test auf einem echten Smartphone wurde damit noch nicht durchgeführt.

Schmale Ansicht ohne seitlichen Überlauf prüfen bei der redaktionellen Shopbetreuung
PrestaShop 9: Schmale Ansicht ohne seitlichen Überlauf prüfen.

Ergebnis prüfen: Die schmale Browseransicht bleibt lesbar und ohne seitlichen Überlauf.

▶ Diesen Schritt im Video ansehen
4.4

Darstellung ohne Kundenanmeldung vergleichen

Öffne die schmale Artikelansicht zusätzlich in einem neuen Browserfenster ohne Kundenanmeldung, zum Beispiel in einem privaten Fenster. Vergleiche Preis und Verfügbarkeit mit den erwarteten Angaben.

Darstellung ohne Kundenanmeldung vergleichen bei der redaktionellen Shopbetreuung
PrestaShop 9: Darstellung ohne Kundenanmeldung vergleichen.

Ergebnis prüfen: Du hast die schmale Ansicht ohne Kundenanmeldung geprüft.

▶ Diesen Schritt im Video ansehen

Abschlusskontrolle

  • Die breite Ausgangsansicht ist kontrolliert.
  • Die schmale Browseransicht bleibt lesbar und ohne seitlichen Überlauf.
  • Das vorhandene mobile Menü lässt sich öffnen und schließen.
  • Du hast die schmale Ansicht ohne Kundenanmeldung geprüft.

Fragen und Antworten

Ist die schmale Browseransicht ein Test auf allen Smartphones?

Nein. Die Aufnahme zeigt ein Browserfenster mit 390 Pixel Breite. Prüfe deinen Shop bei Bedarf zusätzlich auf echten Geräten und mit unterschiedlichen Anmeldungen und Sprachen.

NÄCHSTE ANLEITUNG

Weiterführende Anleitungen

WEITER MIT KAPITEL 13.513.5 Fehlende Artikel und ausbleibende Änderungen eingrenzen →

← 13.3 Bilder und Links aus Kundensicht kontrollieren

WIR HELFEN DIR WEITER

Unterstützung bei der Shopbetreuung

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

13.4 Mobile Darstellung und Navigation kontrollieren – 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