Skip to content

[Issue] Prevent product gallery elements from blinking when they load #28339

Closed
@ghost

Description

This issue is automatically created based on existing pull request: #27871: Prevent product gallery elements from blinking when they load


Description (*)

In this PR I would like to improve the loading experience of the gallery on product page. On the attached screenshot you can see that there are small periods of time when:

  1. Product image disappears and there is a white space until gallery initializes and its images load.
  2. Left arrow is shown and then hidden after gallery loads.

Preconditions (*)

Steps to reproduce (*)

  1. Gallery placeholder image is positioned properly (as before) on all supported browsers and resolutions.
  2. Gallery works as before when initialized.

Actual result (*)

Gallery loading before changes

Expected result (*)

Gallery loading after changes
Note: There is a loader shown properly for a few frames, it just didn't get captured on the gif.

Metadata

Metadata

Assignees

Labels

Component: MediaGalleryFixed in 2.4.xThe issue has been fixed in 2.4-develop branchIssue: ConfirmedGate 3 Passed. Manual verification of the issue completed. Issue is confirmedIssue: Format is validGate 1 Passed. Automatic verification of issue format passedIssue: Ready for WorkGate 4. Acknowledged. Issue is added to backlog and ready for developmentPriority: P3May be fixed according to the position in the backlog.Reproduced on 2.4.xThe issue has been reproduced on latest 2.4-develop branchSeverity: S3Affects non-critical data or functionality and does not force users to employ a workaround.Triage: DoneHas been reviewed and prioritized during Triage with Product Managers

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions