Projekt

Allgemein

Profil

Aktionen

GX-Bug #70929

offen

Produktlisten im StyleEdit verursachen LayoutShift (CLS) und lassen damit die Seite unruhig wirken / Product lists in the StyleEdit cause LayoutShift (CLS) and thus make the page appear unstable

Von Till Tepelmann vor 7 Monaten hinzugefügt. Vor 7 Monaten aktualisiert.

Status:
Anerkannt
Priorität:
Normal
Zugewiesen an:
-
Kategorie:
StyleEdit 4
Zielversion:
-
% erledigt:

0%

Geschätzter Aufwand:
Steps to reproduce:
Betroffene Versionen:
4.9.3.0
Release Notes Langtext:
Tags:

Beschreibung

Wenn man Produktlisten im StyleEdit anstelle des Teaser Sliders nutzt und wengier als 5 Artikel angzeigen lässt, flackern diese kurz und zeigen dann die gewünschte Anzahl an.

Kann wie folgt reproduziert werden:

  1. Shop 4.9.3.0 installieren
  2. Gambio Admin öffnen
  3. Unter Inhalt->Theme bearbeiten den StyleEdit öffnen
  4. die Sektion Teaser Slider bearbeiten
  5. Unter Allgemein die Option "Content Zone statt Teaser Slider" aktivieren
  6. Unter Widgets eine Produktliste in den Content Zone einfügen
  7. Mehr als 5 Artikel zuweisen, oder "neue Artikel" bzw. "Empfehlungen" auswählen
  8. Bei Anzahl Artikel unter "Anzahl Groß" 2 oder 3 eintragen
  9. Speichern

Erwartetes Ergebnis:
Wenn die Anzahl der angezeigten Artikel in der Produktliste kleiner als 5 ist, dann sollte die Seite nicht nachträglich neu berechnet werden.

Tatsächliches Ergebnis:
Wenn in einer Produktliste weniger als 5 Artikel angezeigt werden solle, dann wird die Seite neu berechnet und für einen kurzen Moment werden dann 5 Artikel angezeigt und erst danach dann die gewünschte Anzahl
Für diesen Moment wird dann beim Laden des Seite ein CLS durchgeführt, was negativ im PageSpeed bzw. Lighthouse Test auffällt.


If you use product lists in the StyleEdit instead of the teaser slider and display less than 5 articles, they flicker briefly and then display the desired number.

Can be reproduced as follows:

  1. install Shop 4.9.3.0
  2. open Gambio Admin
  3. open the StyleEdit under Content->Edit Theme
  4. edit the Teaser Slider section
  5. activate the option “Content Zone instead of Teaser Slider” under General
  6. add a product list to the Content Zone under Widgets
  7. assign more than 5 articles, or select “new articles” or “recommendations”
  8. enter 2 or 3 for the number of articles under “Number of large”
  9. save

Expected result:
If the number of items displayed in the product list is less than 5, then the page should not be subsequently recalculated.

Actual result:
If less than 5 items should be displayed in a product list, then the page is recalculated and 5 items are then displayed for a brief moment and only then is the desired number displayed
A CLS is then performed for this moment when the page is loaded, which is noticeable in the PageSpeed or Lighthouse test.


Aktionen

Auch abrufbar als: Atom PDF