Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨[feature Request]: Add functionality to display the 'Added to Cart' message below the product image. #39

Closed
4 tasks done
krittika019 opened this issue Oct 1, 2024 · 2 comments · Fixed by #113
Closed
4 tasks done
Assignees

Comments

@krittika019
Copy link
Contributor

Is there an existing issue for this?

  • I have searched the existing issues

Feature Description

In About page:

  1. instead of triggering a pop-up alert, display the 'Added to Cart' message below the product image .
  2. Add a cart-quantity badge to display the cart quantity.
  3. Telephone image not visible.

Use Case

  1. Inline Cart Message: When users click the "Add to Cart" button on a product, instead of showing a pop-up alert, the message "Added to Cart" will appear directly below the product image.

  2. Cart Quantity Badge:
    The cart icon will have a badge showing the current quantity of items in the cart. As users add products, the number will increase dynamically. This allows users to see how many items they've added at a glance without navigating away from the current page.

Benefits

Improved Visual Feedback: Clear indication of added items.
Reduced Interruptions: Eliminates distractions from pop-ups.

Add ScreenShots

  1. pop

  2. cart

Priority

High

Record

  • I have read the Contributing Guidelines
  • I'm a GSSOC'24EXTD contributor
  • I have starred the repository
Copy link

github-actions bot commented Oct 1, 2024

Hi there! Thanks for opening this issue @krittika019!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

@github-actions github-actions bot added the enhancement New feature or request label Oct 1, 2024
@Anjaliavv51
Copy link
Owner

Go ahead @krittika019

Anjaliavv51 added a commit that referenced this issue Oct 3, 2024
<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
<!--Please include a brief description of the changes-->
1)Added Telephone image which was previously not visible.
2)Instead of pop-up alert message, displayed added to cart message above
the image so that user doesn't have to click ok button (of alert box
)again and again.
3)Added cart count badge so that the user can know how many items have
been added to cart.


## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes #39 Add functionality to display the 'Added to Cart' message
below the product image.

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [feature Request] ()

## Screenshots / videos (if applicable)
<!--Attach any relevant screenshots or videos demonstrating the
changes-->

![image](https://github.com/user-attachments/assets/65366875-4861-471d-873f-164f1fe00ba5)


https://github.com/user-attachments/assets/4c1bdb69-3130-4108-9f8f-3f4caeb91760





## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [ X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants