Как запросить объекты из родительской таблицы вместе с данными из связанной модели

У меня есть модель 'Product' для загрузки продуктов.

class Product(BaseModel):
  ...
  ...
  class Meta:
    db_table = TABLE_PREFIX + "product"

У меня есть другая таблица с продуктом в качестве внешнего ключа.

class ProductImage(BaseModel):
  product = models.ForeignKey(Product, on_delete=models.CASCADE, null=True, blank=True)
  image = models.ImageField(upload_to='product')

  class Meta:
    db_table = TABLE_PREFIX + "product_image"

На главной странице я хочу отобразить эти продукты. Я имею вид главной страницы

def home(request):
  category_obj = Category.objects.all()
  product_obj = Product.objects.all().order_by('-id')
  
  context = {
        "title": "Home",
        "product_obj": product_obj,
        "category_obj": category_obj,
  }
  return render(request, "home/index.html", context)

В шаблоне я хочу отобразить товары вместе с изображениями.

Я могу отобразить все детали в шаблоне, кроме изображений.

<div class="dFlex product-list-wrap">
  {% for product in product_obj %}
    <div class="img-wrap">
      <img src="" alt="Product Image">
    </div>
    <h4>{{ product.name}}</h4>
    <p>{{ product.description}}</p>
  {% endfor %}
</div>

Как отобразить изображения в моем шаблоне? Как я могу запрашивать изображения при запросе товаров?

Спасибо

Вернуться на верх