Create an E-commerce Shop with Django (Part 2)

Create a E-commerce Shop with Django
Create a E-commerce Shop with Django

How to create an E-commerce Shop with Django? Part 2.


  • Django Latest Version
  • Virtual Environment
  • IDE PyCharm or Visual Studio Code

Before starting the tutorial don’t forget to activate your Virtual Environment, and the project we created in the previous tutorial.

1. Create Databases in Models

Before we start to make an order the first thing to do is create a database that will store order data

For starters we will make 3 data tables namely:
– Item will store product data
– OrderItem will store product data that you want to order
– Order will store order information

To create a database in Django framework, we will use file which is in the core directory, open file with your code editor and proceed with this tutorial.

  1. Import
from django.conf import settings
from django.db import models
from django.shortcuts import reverse

2. Add Item

    ('S', 'Shirt'),
    ('SP', 'Sport Wear'),
    ('OW', 'Out Wear')

    ('N', 'NEW'),
    ('BS', 'Best Seller')

class Item(models.Model):
    item_name = models.CharField(max_length=100)
    price = models.FloatField()
    discount_price = models.FloatField(blank=True, null=True)
    category = models.CharField(choices=CATEGORY, max_length=2)
    label = models.CharField(max_length=2)
    description = models.TextField()

    def __str__(self):
        return self.item_name

    def get_absolute_url(self):
        return reverse("core:product", kwargs={'pk':})

    def get_add_to_cart_url(self):
        return reverse("core:add-to-cart", kwargs={"pk":})

    def get_remove_from_cart_url(self):
        return reverse("core:remove-from-cart", kwargs={"pk":})

In the item model you will see there are 3 additional functions, these functions include:

  • get_absolute_url will return url from product
  • get_add_to_cart_url will return url to function add item to cart in file we will make
  • get_remove_from_cart_url will return url to function remove item from cart in file we will make

3. Add OrderItem

class OrderItem(models.Model):
    user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE)
    ordered = models.BooleanField(default=False)
    item = models.ForeignKey(Item, on_delete=models.CASCADE)
    quantity = models.IntegerField(default=1)

    def __str__(self):
        return f'{self.quantity} of {self.item.item_name}'

OrderItem stores data of the product you want to order and the amount of the product

4. Add Order

class Order(models.Model):
    user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE)
    items = models.ManyToManyField(OrderItem)
    start_date = models.DateTimeField(auto_now_add=True)
    ordered_date = models.DateTimeField()
    ordered = models.BooleanField(default=False)

    def __str__(self):
        return self.user.username

The Order model will store detailed information of the orders made, but in this part of the tutorial we will not display complete order information, we will add another field in the next part.

5. Register database to admin

open core/ file witch code editor and fill with the code below :

from django.contrib import admin
from .models import Item, OrderItem, Order

That will register your database on the admin page. You can check it on the admin page later

6 . Migrate model database

Migrate your model database with the command below :

$ python migrate
$ python makemigrations

2. Managing Views

We have created a database and now it is our turn to manage and manage our views. We will create 2 views that is HomeView and ProductView and 2 function that is add_to_cart() and remove_from_cart(). to continue open core/ and continue with the following tutorial

  1. Import
from django.contrib import messages                       
from django.shortcuts import render, get_object_or_404, redirect                      
from django.views.generic import ListView, DetailView                      
from django.utils import timezone                       
from .models import (                           

Import all the model classes that we have previously created into

2. Add HomeView

In the previous tutorial article, we made a home function to display a view. delete the home function and change it as Class View this :

class HomeView(ListView):
    model = Item
    template_name = 'core/home.html'

We use the Item model as a home model and home.html as template view. home.html can be found at templates directory

3. Add ProductView

class ProductView(DetailView):
    model = Item
    template_name = 'core/product.html'

We use the Item model as a home model and product.html as template view. product.html can be found at templates directory

4. add_to_cart() function

def add_to_cart(request, pk):
    item = get_object_or_404(Item, pk=pk)
    order_item, created = OrderItem.objects.get_or_create(
    order_qs = Order.objects.filter(user=request.user, ordered=False)

    if order_qs.exists():
        order = order_qs[0]

        if order.items.filter(
            order_item.quantity += 1
  , "Added quantity Item")
            return redirect("core:product", pk=pk)
  , "Item added to your cart")
            return redirect("core:product", pk=pk)
        ordered_date =
        order = Order.objects.create(user=request.user, ordered_date=ordered_date)
        order.items.add(order_item), "Item added to your cart")
        return redirect("core:product", pk=pk)

This function will add your product to OrderItem database and add detail order to Order database

5. remove_from_cart() function

def remove_from_cart(request, pk):
    item = get_object_or_404(Item, pk=pk )
    order_qs = Order.objects.filter(
    if order_qs.exists():
        order = order_qs[0]
        if order.items.filter(
            order_item = OrderItem.objects.filter(
  , "Item \""+order_item.item.item_name+"\" remove from your cart")
            return redirect("core:product", pk=pk)
  , "This Item not in your cart")
            return redirect("core:product", pk=pk)
        #add message doesnt have order, "You do not have an Order")
        return redirect("core:product", pk=pk)

This function will remove all your product from OrderItem database and remove detail order from Order database

6. Update your templates directory

In templates directory we make some changes.

3. Managing Urls

After the view is finished, then the url will be managed where the view will be displayed in the browser. Open your core/ file and fill with the code below:

from django.urls import path
from .views import (

app_name = 'core'

urlpatterns = [
    path('', HomeView.as_view(), name='home'),
    path('product/<int:pk>', ProductView.as_view(), name="product"),
    path('add-to-cart/<int:pk>', add_to_cart, name='add-to-cart'),
    path('remove-from-cart/<int:pk>', remove_from_cart, name='remove-from-cart'),

Import all view classes and functions and add the url for each view.

4. Demo Aplications

  1. Run your server with the command below :
$ python runserver

2. open and choose one product, if you do not have a product you can adding in admin page

3. Click Add to cart button in product page and you will see the product will add to your OrderItem and Order database

4. Click remove from cart button to remove your current order. it will delete order item from database Order and OrderItem

To this end the function to create an order has been implemented

Proceed to the next part!

I hope you’ve found the second part of this tutorial helpful. Now you know how to create an E-commerce Shop with Django. In the next session, we’re going to make an Order Summary in our shopping cart.

Another Django post is about Create a comment model in Django

Автор Serhii Kupriienko

I have a multifaceted experience, accomplished several successful projects, including national-scale, modernized a museum, engaged in online commerce, wholesale and retail sales, was an entrepreneur, publisher, and editor. I headed the development department. I gave lectures and training. I organized events and press conferences. I was the secretary of the collegial boards. And I also did the planning and reporting in an organization. My Ph.D. thesis was “The social and economic system of the Inca Empire Tawantinsuyu“.