github-actions[bot]
commented
1 year ago Hello @Nishitbaria, thank you for raising the issue.
Currently, the issue is marked as https://github.com/tamalCodes/Milan/labels/%F0%9F%91%B7%F0%9F%8F%BB%E2%80%8D%E2%99%82%EF%B8%8F%20status%3A%20awaiting%20triage which means that work for this issue is on hold and we are waiting for the maintainers/owner to review it and provide you with feedback/suggestions to proceed further.
Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.
Give us a ⭐ to show some support Happy OpenSource 🚀
Nishitbaria
Description
Issue Summary: The current implementation of the "Add to Cart" button in Milan uses a dummy button without any interactive functionality. To improve user experience and provide a more intuitive shopping process, this issue proposes adding a dynamic "Add to Cart" popup that appears when users click on the "Add to Cart" button.
Enhancement Details:
Introducing a Pop-up: Implement a visually appealing and user-friendly pop-up that appears when a user clicks on the "Add to Cart" button.
Product Information: The pop-up should display relevant product information, such as the product name, price, and image, allowing users to verify their selection before proceeding.
Quantity Selection: Within the pop-up, users should be able to select the desired quantity of the product they want to add to their cart.
Option to Continue Shopping: Include an option within the pop-up to allow users to continue shopping or return to the product page.
Clear "Add to Cart" Confirmation: Once the user selects the quantity and clicks the "Add to Cart" button in the pop-up, a clear confirmation message should be displayed to indicate that the product has been successfully added to the cart.
Responsive Design: Ensure the pop-up is responsive and works seamlessly across different devices and screen sizes.
Proposed Solution:
Design and User Interface: Collaborate with the design team to create an aesthetically pleasing and intuitive pop-up design that aligns with Milan's overall theme and branding.
Front-end Implementation: The front-end team should implement the pop-up functionality using modern web development technologies, ensuring smooth interactions and transitions.
Accessibility Considerations: Ensure that the pop-up meets accessibility standards, allowing all users, including those with disabilities, to interact with it effectively.
User Testing: Conduct thorough user testing to gather feedback and identify any usability issues or improvements required.
Benefits:
Enhanced User Experience: The "Add to Cart" pop-up will make the shopping process more user-friendly, providing users with instant feedback and a clear indication of their product selection.
Streamlined Shopping Process: Users can adjust the quantity and view product details directly from the pop-up, reducing the need to navigate back and forth between pages.
Improved Conversion Rate: The intuitive and visually appealing pop-up can potentially lead to an increase in conversions and completed purchases.
Positive User Perception: Milan will be perceived as a platform that prioritizes user convenience and offers a modern shopping experience.
Screenshots
🥦 Browser
Microsoft Edge
Checklist ✅