Adding search filters in Django eCommerce website

A lot of you guys requested to make the next part of Django ecommerce tutorial series. So in this part, we are going to cover the adding search filter and fix some bugs in django eCommerce website.

Making an eCommerce website in django will help you to learn in depth about Django. I hope you get some knowledge from reading the previous tutorials. If you are reading this tutorial for the first time. I recommend you to read those previous tutorial first if you haven’t.

Previous parts of django eCommerce tutorials

• Real world SAAS application in Django tutorial
• Build a SaaS Application in Django 3.0| SaaS Series
• Stripe Payment Gateway Integration in Django eCommerce Website
• Django eCommerce tutorial part two

What we are going to learn in this part

First of all I thought about to finish the Build a SAAS application in Django. But in the previous Django ecommerce tutorial parts, some of you commented about getting some issue, and write a tutorial about search filter. So in this part we are going to cover the search products in our Django ecommerce website.

Before start working on the adding search filter for products, I am going to fix the issue you were getting while pay through Stripe ( The issue is only for Indian users ). Stripe has updated their API so that’s why we are getting some issue on checkout. So to fix that you need to do change the currency.

The payment setup with stripe is a huge amount of work, so I thought to make a different tutorial post completely about stripe integration. I also though about to make a tutorial on “How you can integrate Paytm in your Django website”. But unfortunate I don’t have an business account on Paytm.

Okay so to fix the checkout issue, we need to change the currency USD to INR in views.py file.

checkout/views.py file code

# change usd to inr to fix the issue.
def payment(request):
	key = settings.STRIPE_PUBLISHABLE_KEY
	order_qs = Order.objects.filter(user= request.user, ordered=False)
	order_total = order_qs[0].get_totals() 
	totalCents = float(order_total * 100);
	total = round(totalCents, 2)
	if request.method == 'POST':
		charge = stripe.Charge.create(amount=total,
            currency='inr', 
            description=order_qs,
            source=request.POST['stripeToken'])
		print(charge)
        
	return render(request, 'checkout/payment.html', {"key": key, "total": total})

Just use this code instead of the payment view code, the checkout issue will solve. ( If you’re in another country use your country’s currency code instead of the India code ) .

Fixing another bug

When I was working on the filter code I also noticed a bug in our cart view. The bug was, suppose I ordered a T-shirt on our website, and after that when I try to add the same product in my cart the product won’t show in the cart view.

I don’t you guys noticed that or not, if you do that’s fine. ( If you noticed any other bug please comment down below so we can fix that and you can learn something out of it. ) . If want to solve any issue or add any new feature in the Django eCommerce project we are building together, please feel free to to do that.

For those of you who don’t know how to contribute to a project on Github, just search on google you will a find a tons on tutorial and just do it. It will help you a lot to learn and be a better developer.

If you look at the previous cart view code, you will also find where is the bug. Previous code of view.py in cart app

# Add to Cart View

def add_to_cart(request, slug):
    item = get_object_or_404(Product, slug=slug)
    order_item, created = Cart.objects.get_or_create(
        item=item,
        user=request.user
    )
    order_qs = Order.objects.filter(user=request.user, ordered=False)
    if order_qs.exists():
        order = order_qs[0]
        # check if the order item is in the order
        if order.orderitems.filter(item__slug=item.slug).exists():
            order_item.quantity += 1
            order_item.save()
            messages.info(request, f"{item.name} quantity has updated.")
            return redirect("mainapp:cart-home")
        else:
            order.orderitems.add(order_item)
            messages.info(request, f"{item.name} has added to your cart.")
            return redirect("mainapp:cart-home")
    else:
        order = Order.objects.create(
            user=request.user)
        order.orderitems.add(order_item)
        messages.info(request, f"{item.name} has added to your cart.")
        return redirect("mainapp:cart-home")

If you guys take a look of line number 4-8 you will see that we are using get_objector_404() function to create the cart view. And with our logic if there is cart object exists with the corresponding item and the requested user then use the existing one. After that we are just updating the cart item count on that existing cart item in our database.

But as we know that we have a field called purchased in our cart models.py . In case if you are new to this tutorial here is our models.py file link and here is our cart model .

# Cart Model
class Cart(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    item = models.ForeignKey(Product, on_delete=models.CASCADE)
    quantity = models.IntegerField(default=1)
    purchased = models.BooleanField(default=False)
    created = models.DateTimeField(auto_now_add=True)


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

    def get_total(self):
        total = self.item.price * self.quantity
        floattotal = float("{0:.2f}".format(total))
        return floattotal

Now we should check the cart item has already purchased or not while run a query on our cart model. So to do that, we just need to pass an extra arguments to query.

Here is new cart create view code.

# Add to Cart View

def add_to_cart(request, slug):
    item = get_object_or_404(Product, slug=slug)    
    order_item, created = Cart.objects.get_or_create(
        item=item,
        user=request.user,
        purchased=False
    )
    order_qs = Order.objects.filter(user=request.user, ordered=False)
    if order_qs.exists():
        order = order_qs[0]
        # check if the order item is in the order
        if order.orderitems.filter(item__slug=item.slug).exists():
            order_item.quantity += 1
            order_item.save()
            messages.info(request, f"{item.name} quantity has updated.")
            return redirect("mainapp:cart-home")
        else:
            order.orderitems.add(order_item)
            messages.info(request, f"{item.name} has added to your cart.")
            return redirect("mainapp:cart-home")
    else:
        order = Order.objects.create(
            user=request.user)
        order.orderitems.add(order_item)
        messages.info(request, f"{item.name} has added to your cart.")
        return redirect("mainapp:cart-home")