Django _Categorize products - django

Question

I want to show specific categories of items on a single page. Each category has a subheading and specific categories in the group. Whenever i run the enve, everything is good but each subcategories output all the products, even the ones in other categories. How can i rectify this.
def waterProducts(request):
category = request.POST.get('category')
if category == None:
products = Product.objects.order_by('-price').filter(is_published=True)
else:
products = Product.objects.filter(categoryname=category)
categories = Category.objects.all()
context = {
'products': products,
'categories': categories
}
return render(request, "products/WaterProductPage.html", context)
Above is my view.py files where i confirm if there is any category.
<main style="background-image: url(images/waterrocks.jfif)">
<section class="body-section">
<div class="all-products">
<!--Water coolers-->
{%for category in categories%}
<section class="main-products cooler">
<div class="upper-bar">
<div>
<h2>{{category.name}}</h2>
</div>
<div class="sortby">
<span>Sort By: <select class="sort">
<option value="highest">Highest Price</option>
<option value="lowest">Lowest Price</option>
</select></span>
</div>
</div>
<hr />
<!--Single Products-wrap-->
<div class="specific-product-wrap specific-product-wrap-cooler">
{%if products%}
{%for product in products%}
<a href="{%url 'product' product.pk%}">
<div class="specific-single-product">
<div class="product-image center">
<img class="product-image-shape" src="{{product.image.url}}" alt="adamol Distilled" />
</div>
<div class="produc-descriptions">
<h4 class="specific-product-title">{{product.title}}</h4>
<p class="one-line-description"></p>
<p class="price">Ksh.{{product.price}}</p>
<button type="button" class="AddToCart">Add To Cart</button>
</div>
</div>`
</a>
{%endfor%}
{%else%}
<p>No Product Lol</p>
{%endif%}
</div>
</section>
{%endfor%}
The above is my html template where i output each category with related product.
class Category(models.Model):
name = models.CharField(max_length=100)
def __str__(self):
return self.name
class Product(models.Model):
image = models.ImageField(null=False, blank=False)
title = models.CharField(max_length=2000, null=False, blank=False)
category = models.ForeignKey(
Category, on_delete=models.CASCADE, default=True, null=False)
price = models.DecimalField(max_digits=5, decimal_places=2)
description = models.TextField()
is_published = models.BooleanField(default=True)
created_at = models.DateTimeField(default=datetime.now, blank=True)
def __str__(self):
return self.title
The above code is for model.py where i declaire category as a foregn key.
from django.urls import path
from .import views
urlpatterns = [
path('waters', views.waterSamples, name='waters'),
path('services', views.waterServices, name="services"),
path('products', views.waterProducts, name='products'),
]
The above code is urls.py
I want the products to be shown like this...
on the same page
enter image description here

Answer 1

You fetch the products related to a Category with category.product_set, so:
{% for category in categories %}
<!-- … -->
<h2>{{category.name}}</h2>
<!-- … -->
{% for product in category.product_set.all %}
<a href="{%url 'product' product.pk %}">
<!-- … -->
<h4 class="specific-product-title">{{ product.title }}</h4>
<!-- … -->
{% empty %}
<p>No Product Lol</p>
{% endfor %}
{% endfor %}
The category.product_set.all will retrieve all related Products for a given Category, and thus not render all the ones.
If you only want to use Products with is_published=True and ordered by price, you can use a Prefetch object:
from django.db.models import Prefetch
def waterProducts(request):
categories = Category.objects.prefetch_related(Prefetch(
'product_set',
queryset=Product.objects.filter(is_published=True).order_by('-price')
))
context = {
'categories': categories
}
return render(request, "products/WaterProductPage.html", context)

Answer 2

In your views file in the else part, shouldn't it be
products = Product.objects.filter(category=category)