Add To Cart using Django in E-commerce Website using Django | EP. 26[2/2]

In the last episode, we covered how to create a simple e-commerce website using Django. In this episode, we will focus on adding a “Add To Cart” functionality to our website.

Step 1: Create a Model for the Cart

We will start by creating a model for the cart in our Django application. The cart model will have a relationship with the product model and will store the quantity of each product added to the cart.


class Cart(models.Model):
product = models.ForeignKey(Product, on_delete=models.CASCADE)
quantity = models.PositiveIntegerField(default=1)


Step 2: Create a View for Adding Products to the Cart

Next, we will create a view that will handle the logic for adding products to the cart. This view will first check if the product is already in the cart, and if so, it will update the quantity. If the product is not in the cart, it will create a new cart item for the product.


def add_to_cart(request, product_id):
product = get_object_or_404(Product, pk=product_id)
cart, created = Cart.objects.get_or_create(product=product)
if not created:
cart.quantity += 1
cart.save()
return redirect('cart')


Step 3: Update the Frontend to Add Products to the Cart

Finally, we will update the frontend of our e-commerce website to allow users to add products to the cart. We will add a button or link next to each product that, when clicked, will trigger the “add_to_cart” view we created in the previous step.


Add to Cart


With these steps, we have successfully added a “Add To Cart” functionality to our e-commerce website using Django. Users can now easily add products to their cart and proceed to checkout.