Azimkin
bb321dfa22
All checks were successful
Build and Push Docker Image / build (push) Successful in 45s
- Added `ItemImage` model with migration for image handling and metadata - Implemented product gallery in `detail.html` with thumbnails for additional images - Updated `Item` model to include `primary_image` property for gallery logic - Enhanced `catalog/index.html` to support item thumbnails - Updated `catalog.css` for responsive gallery and item list styling - Extended catalog views to prefetch images for efficient queries - Added comprehensive tests for catalog and detail views - Configured Django to serve media files in development - Updated admin with inline support for managing `ItemImage` entities
33 lines
1.6 KiB
HTML
33 lines
1.6 KiB
HTML
<main class="item-list">
|
||
<div class="items-grid">
|
||
{% for item in items %}
|
||
<article class="item-card">
|
||
<a class="item-card-link" href="{% url 'detail' item.category.slug item.slug %}" aria-label="Открыть товар {{ item.name }}">
|
||
{% with primary_image=item.primary_image %}
|
||
<div class="item-card-image">
|
||
{% if primary_image %}
|
||
<img src="{{ primary_image.image.url }}" alt="{{ primary_image.alt|default:item.name }}">
|
||
{% else %}
|
||
<div class="item-card-placeholder">Нет фото</div>
|
||
{% endif %}
|
||
</div>
|
||
{% endwith %}
|
||
|
||
<div class="item-card-body">
|
||
<div class="item-card-category">{{ item.category.name }}</div>
|
||
<h2 class="item-card-title">{{ item.name }}</h2>
|
||
<div class="item-card-footer">
|
||
<span class="item-card-price">{{ item.price }} руб.</span>
|
||
<span class="item-card-availability {% if item.is_available %}available{% else %}unavailable{% endif %}">
|
||
{% if item.is_available %}В наличии{% else %}Нет в наличии{% endif %}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
{% empty %}
|
||
<p class="item-list-empty">В этой категории пока нет товаров.</p>
|
||
{% endfor %}
|
||
</div>
|
||
</main>
|