Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Known issues
Swiping product-image after zooming in does not revert the zoom, causing display issues
Swiping product-image after zooming in does not revert the zoom, causing display issues
ID: 491180
Backlog
Published on 1/29/2024
Last update on 1/29/2024

Summary

When using the vtex.store-components product-image, when swiping an image to the side after clicking it for zoom, the first image will keep zoomed in, causing rendering issues when the user swipes back to it.

Simulation

In a PDP that uses vtex.store-components product-image, access the mobile version of a product with at least two images. Click to zoom in the first image, then swipe to the next one. Click to zoom the second one, and swipe back to the first. Doing it back and forth will eventually cause some display issues to the currently zoomed in image. Clicking on the image again to zoom out resets it back to normal.

Workaround

Use arrows to navigate between images and reduce the chance of users opting to swipe it.

Set the prop "zoomMode": "hover" or "zoomMode":"open-modal". It prevents swiping when the image is zoomed, but changes behavior slightly.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback