Попытка отобразить несколько изображений для моего продукта

Question

Я пытаюсь отобразить несколько изображений для одного продукта, но изображения не отображаются, и я не знаю, почему кто-то может помочь.

Мои модели. Мне нужно, чтобы поле изображения одно использовалось для отображения и продукта, а если пользователь хочет больше подробностей, другое используется для отображения большего количества изображений продукта.

class Product(models.Model):
    name = models.TextField()
    slug = models.SlugField(null=True, unique=True)
    description = models.TextField()
    stock = models.SmallIntegerField()
    price = models.DecimalField(max_digits=10, decimal_places=2)


    def __str__(self):
        return self.name

    def get_absolute_url(self):
        return reverse('single',args=[self.id,self.slug])

class ProductImage(models.Model):
    product = models.ForeignKey('Product', on_delete=models.CASCADE)
    image = models.ImageField(upload_to='images/', blank=True)
    featured = models.BooleanField(default=False)
    thumbnail = models.BooleanField(default=False)
    updated = models.DateTimeField(auto_now_add=False, auto_now=True)
    active = models.BooleanField(default=True)

    def __unicode__(self):
        return self.product.image

Просмотры

def single(request, id, slug):
    try:
        # products = Product.objects.get(slug=slug)
        product = get_object_or_404(Product,
                                id=id,
                                slug=slug)
        images = ProductImage.objects.filter(product=product)

        return render(request, "single.html",
                        {'product': product},
                        {'images':images})
    except:
        raise Http404

Как я пытался отобразить изображения на странице Html.

{% for img in images %}
    {% if item.featured %}
      <img class="img-responsive"src="{{ MEDIA_URL }}{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
      {% endif %}
      {% if not item.featured %}
      <img class="img-responsive"src="{{ MEDIA_URL }}{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
      {% endif %} 
  {% endfor %}

Настройки

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'assets'),
)

CRISPY_TEMPLATE_PACK = 'bootstrap3'
CRISPY_TEMPLATE_PACK = 'bootstrap4'

LOGIN_REDIRECT_URL = '/'

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

LOGIN_URL = '/account/login/'

Answer 1

{% for img in images %}
{% if img.image %}
  <img class="img-responsive"src="{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
{% endif %}
{% endfor %}

Answer 2

Удалить {{MEDIA_URL}} из sr c.

src = "{{img.image.url}}"