ScrollMe is an open-source eCommerce platform built with JavaScript, React, Styled Components, Node.js (Express), and MongoDB. It offers a modern shopping experience with a scalable backend, perfect for contributors or those learning modern web development.
Description
The color selection feature on the product page does not update the product image when different color options are chosen. Additionally, the overall styling of the page images requires improvement for better aesthetics and user experience.
Steps to Reproduce the Issue
Action 1: Navigate to the product page (as shown in the screenshot).
Action 2: Click on any color option (e.g., black, blue, or grey).
Action 3: Observe that the product image remains unchanged, regardless of the selected color.
These steps should be followed to replicate the issue.
Expected Behavior
When a user selects a different color option, the product image should update to reflect the selected color, allowing the user to visualize their choice accurately.
The images on the page should have improved styling to enhance the visual appeal and overall user experience.
Actual Behavior
The product image remains the same and does not change when a different color is selected.
The current styling of the page images is inconsistent and does not align with modern design practices.
Screenshots (if applicable)
Attached screenshot shows the product page where color selection is not reflected in the product image.
Issue Report
Description The color selection feature on the product page does not update the product image when different color options are chosen. Additionally, the overall styling of the page images requires improvement for better aesthetics and user experience.
Steps to Reproduce the Issue Action 1: Navigate to the product page (as shown in the screenshot). Action 2: Click on any color option (e.g., black, blue, or grey). Action 3: Observe that the product image remains unchanged, regardless of the selected color. These steps should be followed to replicate the issue.
Expected Behavior
Actual Behavior
Screenshots (if applicable) Attached screenshot shows the product page where color selection is not reflected in the product image.