Avatar of Rabbit W
Rabbit W
 asked on

Add Items in the product category page

I have come across this page per the following link.  A button "Add to List" is at the right side of the image. When the user clicks Add to the list button, it will be added to the My List.

The button turns to Remove from the list once Add to List has been clicked.  How to accomplish it? Thank you!

https://www.pcna.com/leeds/en-us/leeds-mobiletech-power/product/7121-50_reg-
Web DevelopmentASP.NET.NET ProgrammingjQuery

Avatar of undefined
Last Comment
Zakaria Acharki

8/22/2022 - Mon
Zakaria Acharki

Please try to describe more what you want and update the link since it will lead us always to "The page cannot be found." message.

Screenshot_4a.png
Rabbit W

ASKER
Per the attached images, when the user clicks Add to List button, the image is added to my list. When clicking  my list link, the added image is displayed. After the user adds the image to my list, the button has been changed to remove from list.
1.png
2.png
3.png
SOLUTION
Zakaria Acharki

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Rabbit W

ASKER
You are my hero! Could you give me the complete example including adding to the list? Thank you!
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Rabbit W

ASKER
Hi Zakaria, I might miss the js file. What is <script type="text/javascript" src="xxx.js"></script> in the head?
Thank you!
How to add the items to the list and then remove these from the list?

Thank you!
ASKER CERTIFIED SOLUTION
Zakaria Acharki

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Rabbit W

ASKER
Thank you very much Zakaria! Is there any way to remove the images from the list as well when the item list number decreased? Thank you!
Zakaria Acharki

You're welcome, not sure what you mean by when the item list number decreased?
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Rabbit W

ASKER
Remove the images from the list.
Zakaria Acharki

Isn't the image remove already working when you click "Remove from List"? on you mean adding a sort of button inside the "My list" area that removes every image?
Rabbit W

ASKER
Sorry, I just updated my css file and now I can see the images now.  Thank you!
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
Zakaria Acharki

No worries, glad I could help.