How do I remove shopping cart items by clicking remove button in nopcommerce

Question

0.00/5 (No votes)

See more:

I need to add a remove button in every product in ProductBox.cshtml. By clicking that button I want to reduce shopping cart item by 1(for the specific product). Please help.

[Edit]

CSS

<div class="remove-from-cart">

 <input type="submit" id="remove-from-cart-@Model.Id" name="removefromcart" value="@("Remove")" />

 </div>

I have added this in ProductBox.cxhtml page. How could I delete shopping cart item by clicking this.

Posted 16-Nov-14 21:15pm

Jakaria shimul

Updated 8-Nov-18 22:55pm

User 59241

v2

Add a Solution

Comments

[no name] 17-Nov-14 4:59am

What code have you written for this?? Please post the code.
If you need suggestions for implementation mention the same.
Thanks.

Jakaria shimul 18-Nov-14 1:40am

<div class="remove-from-cart">

<input type="submit" id="remove-from-cart-@Model.Id" name="removefromcart" value="@("Remove")" />

</div>
I have added this in ProductBox.cxhtml page. How could i delete shopping cart item by clicking this.

coder771 30-Jan-15 7:30am

hi, you can get the whole working code if you download nopcommerce with source code, and have a look in it.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 14049205 · Answer 1 · 2018-11-08T22:55:00

For nopCommerce 3.9
In OrderSummary.cshtml modify remove from card div

HTML

<input type="checkbox" name="removefromcart" value="@(item.Id)" style="display:none" />

add

HTML

<input type="submit" name="updatecart" value="X" onclick="deleteItem(@(item.Id))" class="button-2 update-cart-button" />

add script to end of the file

JavaScript

<script type="text/javascript">
           function deleteItem(id) {
               var ipt = $("[name=removefromcart][value=" + id.toString() + "]");
               ipt.attr('checked', true);
           }

       </script>