Skip to content

[Issue] Fixed frontend resize for product configurations images #31293

Closed
@m2-assistant

Description

@m2-assistant

This issue is automatically created based on existing pull request: #31274: Fixed frontend resize for product configurations images


Description (*)

When creating new configurations from the configurable product page wizard, the images of the configurations are not resized on the frontend via javascript before uploading. This is caused by a misconfiguration of the jQuery File Upload widget.
I copied the options from the media-uploader.js file (app/code/Magento/Backend/view/adminhtml/web/js/media-uploader.js).

Manual testing scenarios (*)

  1. Go in the New product page
  2. Fill in the required fields
  3. Click on Create configurations button
  4. In the wizard select an attribute and one or more attribute values
  5. In the third step, in the Images section, select Apply single set of images to all SKUs
  6. Select an image to upload (must have width greater than 1920px or height greater than 1200px)
  7. The preview dimensions will have a maximum width of 1920px and a maximum height of 1200px. (without this fix the preview has the same dimensions as the original image).

Contribution checklist (*)

  • Pull request has a meaningful description of its purpose
  • All commits are accompanied by meaningful commit messages
  • All new or changed code is covered with unit/integration tests (if applicable)
  • All automated tests passed successfully (all builds are green)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component: ConfigurableProductIssue: Clear DescriptionGate 2 Passed. Manual verification of the issue description passedIssue: ConfirmedGate 3 Passed. Manual verification of the issue completed. Issue is confirmedIssue: ready for confirmationPriority: P3May be fixed according to the position in the backlog.Progress: doneReproduced 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.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions