Click here to Skip to main content
15,789,776 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
Hi Team

I have an input as a number and want to add to cart, each time a user clicks it to increase message must be displayed and shopping cart icon must add this value to it as a basket with it. The code has no error just i am struggling to achieve this using jquery and php pdo need help from my existing code to achieve this.

What I have tried:

// html code
<div id="basket-overview" class="navbar-collapse collapse d-none d-lg-<pre lang="HTML">block"><a href="basket.html" class="btn btn-primary navbar-btn">class="fa fa-shopping-cart"><span></span></a></div>

<div id="basket" class="col-lg-9">
              <div class="box">
                <form method="post" action="add_to_cart.php">
                  <h1>Shopping cart</h1>
                  <p class="text-muted">You currently have <span id="cart-count"><?php echo count($_SESSION['cart']); ?></span>
                  <p id="cart-message" class="text-success" style="display: none;"></p>
                  <div class="table-responsive">
                    <table class="table">
                          <th colspan="2">Product</th>
                          <th>Unit price</th>
                          <th colspan="2">Total</th>
                          <td><a href="#"><img src="img/detailsquare.jpg" alt="White Blouse Armani"></a></td>
                          <td><a href="#">White Blouse Armani</a></td>
                            <input type="number" name="product1" value="2" min="1" class="form-control product-quantity">
                          <td><a href="#">class="fa fa-trash-o"></a></td>
                          <td><a href="#"><img src="img/basketsquare.jpg" alt="Black Blouse Armani"></a></td>
                          <td><a href="#">Black Blouse Armani</a></td>
                          <input type="number" name="product2" value="1" min="1" class="form-control product-quantity">
                          <td><a href="#">^__i class="fa fa-trash-o"></a></td>
                          <th colspan="5">Total</th>
                          <th colspan="2"></th>

// jquery logic
<pre>// Listen for form submit event
        var product_id = $(this).attr('data-product-id');
          url: 'add_to_cart.php',
          method: 'post',
          data: {
            product_id: product_id
          success: function(response){
            if(response == 1) {
              $('#cart-message').show().text('1 item added to cart');

// php logic

require_once 'dbconn.php';

// add to cart
if(isset($_POST['product_id'])) {
  $product_id = $_POST['product_id'];
  if(isset($_SESSION['cart'][$product_id])) {
  } else {
    $_SESSION['cart'][$product_id] = 1;
  echo count($_SESSION['cart']);
Rebecca2002 19-Apr-23 7:31am    
so what is it doing right now then ??
Gcobani Mkontwana 19-Apr-23 8:03am    
@Rebecca2002 its not doing anything when inspecting no errors. basically when incrementing an input as a number to 1 must add to the basket, when decreasing to 0 it must default that value to the basket as 0

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

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900