Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Known issues
The ProductImage component doesn't update its images based on SKU specifications change
The ProductImage component doesn't update its images based on SKU specifications change
ID: 669619
Backlog
Published on 9/30/2022
Last update on 5/23/2023

Summary

When a product has more than one specification, and the user changes the specification selection, the ProductImage component will not change its images based on the change of the related selection.

The SKUSelector component compares the itemId (string returned from the product.items array) with the selectedImageVariationSKU (string returned from the skuSelector that is an object returned from the context) to present the correct image after the user selection, so if the skuSelector.selectedImageVariationSKU does not update; the value will remain with the previous state and will not update the image displayed on the screen inside the ProductImage component.

This also affects the image on SKU Selector, as they use the same variables. It was noticed that after selecting an SKU and loading the page in the website URL, selectedImageVariationSKU would remain with the previous state and not update the image displayed on the screen.

Simulation

Evidence: https://youtu.be/qr4-uTRFwcY

Workaround

N/A

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