The Image Gallery lacks a zoom-in/out feature, and the default image display doesn't fit properly

[victors1682]

The Image Gallery lacks a zoom-in/out feature, and the default image display doesn't fit properly

Continuation from the issue: #1894 to keep tracking this pending feature

This is the image uploaded

This is how it looks

[renatamottam]

Hey @victors1682! Which ImagePosition did you used for this?

[victors1682]

@renatamottam 'center'

[renatamottam]

Nice, and you changed this on the CMS, right?

[victors1682]

@renatamottam The component is currently receiving the 'center' parameter directly because we're utilizing a custom PDP. I'll share the code changes via Slack. The issue here is that the gallery is currently using 'object-fit: cover,' which is causing the image to be rendered like this. We're considering overwriting the CSS to set the gallery to 'object-fit: contain.' However, note that this change might potentially interfere with the zoom in/out feature once it's implemented, this is why we're waiting to sole this this from the core.

[renatamottam]

Update about this issue:

• the ImagePosition prop is working as expected, but there's no possibility today to customize the aspectRatio of the current selected image on the ImageGallery.
• Currently, all images fits a 3/4 format and cover all the space limit, being cropped if needed.
• A task was created to improve the possibilities of customization.