Я использую представления на основе классов и хочу отображать данные на веб-странице с помощью ListView. Я использую цикл for для отображения многих данных объектов. В моих моделях товары имеют поле категории, которое является внешним ключом, где категория-это Сумки, Футболки или Обувь. Я хочу отобразить товары, категория которых-только обувь. Я попытался использовать условие if, которое не работает с полем ForeignKey. Как отфильтровать поле Категория, чтобы отображать только пакеты?

models.py

from django.db import models

# Create your models here.
class Category(models.Model):
    title = models.CharField(max_length=30)
    createdtime = models.DateTimeField(auto_now_add=True)
    def __str__(self):
        return self.title

    class Meta:
        verbose_name_plural = "Categories"

class Product(models.Model):
    mainimage = models.ImageField(upload_to='product')
    name = models.CharField(max_length=264)
    category = models.ForeignKey(Category, on_delete=models.CASCADE, related_name='category')
    previewtext = models.TextField(max_length=200, verbose_name='Preview Text')
    detailstext = models.TextField(max_length=1000, verbose_name='Description')
    price = models.FloatField()
    oldprice = models.FloatField(default=0.00)
    createddate = models.DateTimeField(auto_now_add=True)
    def __str__(self):
        return self.name

    class Meta:
        ordering = ['-createddate',]

views.py

from django.shortcuts import render
from django.views.generic import ListView, DetailView
from shopapp.models import Product

# Create your views here.
class Home(ListView):
    model = Product
    template_name = 'shopapp/home.html'

html-файл

<div class="container my-5">
  <h2 class="my-5">Handbags</h2>
  <div class="row">
    {% for product in object_list %}
    {% if product.category == 'Bags' %}
    <div class="col-md-6 col-sm-12 col-lg-3">
      <figure class="card card-product">
        <div class="img-wrap">
          <a href="{% url 'shopapp:productdetail' pk=product.pk %}"><img src="/media/{{ product.mainimage }}" style="width:100%; height:300px;"></a>
        </div>

        <figcaption class="info-wrap">
          <h6 class="title">{{ product.name }}</h6>
          <div class="action-wrap">
            <div class="price-wrap h5">
              <span class="price-new">${{ product.price|floatformat:2 }}</span>
              <span class="price-old"><strike>${{ product.oldprice|floatformat:2 }}</strike></span>
            </div>
          </div>
        </figcaption>

      </figure>
    </div>
    {% endif %}
    {% endfor %}
  </div>
</div>