Creating a dynamic checkout page with item removal functionality

Ecom
1

Hey everyone! I’m working on a checkout page for my online store and I’m stuck. I want customers to be able to remove items from their cart before printing the bill. I’ve tried to make the remove buttons dynamic, but it’s not working as expected.

Here’s what I’ve done so far:

<?php
if (isset($_SESSION['logged_in'])) {
    $cart_id = $_SESSION['cart_id'];
    $query = "SELECT * FROM `cart_items` WHERE cart_id = $cart_id;";
    $result = db_query($query);
    
    if ($result && db_num_rows($result) > 0) {
        echo '<table>';
        echo '<tr><th>Item</th><th>Amount</th><th>Price</th><th>Action</th></tr>';
        
        while ($item = db_fetch_assoc($result)) {
            $item_id = $item['id'];
            echo '<tr>';
            echo '<td>' . $item['name'] . '</td>';
            echo '<td>' . $item['amount'] . '</td>';
            echo '<td>$' . $item['price'] . '</td>';
            echo '<td><form method="POST"><button name="remove_item" value="' . $item_id . '">Delete</button></form></td>';
            echo '</tr>';
        }
        echo '</table>';
    }
}
?>

The buttons show up fine, but clicking them doesn’t do anything. I’ve tried both GET and POST methods, but no luck. Can anyone spot what I’m doing wrong or suggest a better approach? Thanks!

2

I’ve encountered similar issues when developing e-commerce sites. The problem likely stems from not handling the form submission on the server side. You’ll need to add PHP code to process the POST request when the delete button is clicked. Here’s a suggestion:

After your existing code, add:

if(isset($_POST['remove_item'])) {
    $item_id = $_POST['remove_item'];
    $delete_query = "DELETE FROM cart_items WHERE id = $item_id AND cart_id = $cart_id";
    db_query($delete_query);
    header('Location: ' . $_SERVER['PHP_SELF']);
    exit;
}

This will remove the item from the database and refresh the page. For a smoother user experience, consider using AJAX to remove items without a full page reload. You might also want to add confirmation before deleting to prevent accidental removals.

3

Hey Leo_Speedster! That’s a cool project you’re working on. I’ve actually been tinkering with something similar recently. Have you considered using AJAX for those remove buttons? It could make the whole experience smoother for your customers.

I’m curious, what made you choose PHP for this project? Are you using any particular frameworks or libraries?

Oh, and here’s a thought - maybe you could add a little animation when an item is removed? Like a fade-out effect or something. It might make the interface feel more responsive.

By the way, how are you handling stock management when items are removed from the cart? That’s always been a tricky part for me. Any tips?

Keep us posted on how it goes! It’d be great to see your solution when you crack it.

4

hey mate, seems like ur missing the backend logic to handle the remove action. Try adding this after ur existing code:

if(isset($_POST['remove_item'])) {
    $item_id = $_POST['remove_item'];
    $delete_query = "DELETE FROM cart_items WHERE id = $item_id AND cart_id = $cart_id";
    db_query($delete_query);
    header('Location: ' . $_SERVER['PHP_SELF']);
    exit;
}

this shud do the trick. lmk if u need more help!