我正在使用Django-Oscar和AWS S3来托管我的产品图片。显示图像的轮播正确显示产品图像,但显示缩略图大小图像。我想在悬停或点击时显示完整尺寸的图像,而不是缩略图。
我也使用django-compressor
,因此图片存储在S3上的cache
文件夹中。
我应该更改模板以启用此功能,还是有可以处理此问题的django-oscar设置?
相关code:
<div class="carousel-inner" role="listbox">
{% for image in all_images %}
<div class="item {% if forloop.first %}active{% endif %}">
{% thumbnail image.original "440x400" upscale=False as thumb %}
<img src="{{ thumb.url }}" alt="{{ product.get_title }}" />
{% endthumbnail %}
</div>
{% endfor %}
</div>
对于这样的事情:
<div class="carousel-inner" role="listbox">
{% for image in all_images %}
<div class="item {% if forloop.first %}active{% endif %}">
<a href="{{ image.url }}" target="_blank">
{% thumbnail image.original "440x400" upscale=False as thumb %}
<img src="{{ thumb.url }}" alt="{{ product.get_title }}" />
</a>
{% endthumbnail %}
</div>
{% endfor %}
</div>