Main Product Image Does Not Update on Thumbnail Click

[Prriya-Karn]

Description:
The product page shows a main image at the top and multiple thumbnail images below it.
When I click on any of the thumbnail images, the main image does NOT change.
The main image stays the same even though different thumbnails are clicked.

Expected Behavior:
When a user clicks on a thumbnail image, the main image should update to show the clicked thumbnail image.

Actual Behavior:
Clicking on thumbnails has no effect; the main image does not update.

Steps to Reproduce:

Open the product page.

Click on any of the thumbnail images.

Observe that the main image remains unchanged.

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

For more information, join the official Discord.

[Prriya-Karn]

@codervivek5 please assign this issue to me

[Pratith544]

Hi ! I’d like to work on this issue.

Planned approach:

1. Reproduce the issue locally and inspect the product image gallery component.
2. Trace the state/props flow to verify how the main image is currently being set.
3. Implement thumbnail click handling to update the selected image state dynamically.
4. Ensure the UI re-renders correctly and works across screen sizes.
5. Test the fix thoroughly before opening a PR.

I’ll share updates and open a PR once ready.

[Pratith544]

Hi !

I tried reproducing this issue locally but the main product image updates correctly when clicking on thumbnails.

It seems this might already be fixed in the current codebase. Please let me know if I may have missed any specific scenario to reproduce the bug .