Azimkin
c42d32c76b
All checks were successful
Build and Push Docker Image / build (push) Successful in 25s
- Introduced `Color` model with admin and added a color field to items - Added `discount_price` and `is_new` fields to the `Item` model with necessary migrations - Updated pricing logic to display original and discount prices in templates - Enhanced product detail and item card templates with color swatches and metadata - Added sidebar sections for sales and new items with paginated mini-cards - Updated styles to support discount pricing, swatches, and sidebar mini-cards - Extended catalog views to filter by sales or new items and updated filtering logic
65 lines
4.4 KiB
HTML
65 lines
4.4 KiB
HTML
<article class="item-card{% if item.id in favorite_item_ids %} is-favorite{% endif %}" data-item-card="{{ item.id }}">
|
||
<a class="item-card-media-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 %}
|
||
</a>
|
||
|
||
<div class="item-card-body">
|
||
<div class="item-card-header">
|
||
<div class="item-card-category">
|
||
{{ item.category.name }}{% if item.subcategory %} / {{ item.subcategory.name }}{% endif %}
|
||
</div>
|
||
{% if request.user.is_authenticated %}
|
||
<form class="item-card-favorite-form" method="post" action="{% url 'favorites:toggle' %}" data-favorite-form>
|
||
{% csrf_token %}
|
||
<input type="hidden" name="item_id" value="{{ item.id }}">
|
||
<input type="hidden" name="next" value="{{ request.get_full_path }}">
|
||
<button
|
||
class="item-card-favorite-button{% if item.id in favorite_item_ids %} is-active{% endif %}"
|
||
type="submit"
|
||
title="{% if item.id in favorite_item_ids %}Удалить из избранного{% else %}Добавить в избранное{% endif %}"
|
||
aria-label="{% if item.id in favorite_item_ids %}Удалить из избранного{% else %}Добавить в избранное{% endif %}"
|
||
data-favorite-button
|
||
data-label-add="Добавить в избранное"
|
||
data-label-remove="Удалить из избранного"
|
||
>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false">
|
||
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01z"></path>
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
{% else %}
|
||
<a class="item-card-favorite-button item-card-favorite-button--login" href="{% url 'users:login' %}?next={{ request.get_full_path|urlencode }}" title="Войдите, чтобы добавить в избранное" aria-label="Войдите, чтобы добавить в избранное" data-favorite-button data-label-add="Добавить в избранное" data-label-remove="Удалить из избранного">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false">
|
||
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01z"></path>
|
||
</svg>
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<a class="item-card-title-link" href="{% url 'detail' item.category.slug item.slug %}" aria-label="Открыть товар {{ item.name }}">
|
||
<h2 class="item-card-title">{{ item.name }}</h2>
|
||
</a>
|
||
<div class="item-card-footer">
|
||
<div class="item-card-price-block">
|
||
<span class="item-card-price{% if item.has_discount %} item-card-price--discount{% endif %}">
|
||
{{ item.display_price }} руб.
|
||
</span>
|
||
{% if item.has_discount %}
|
||
<span class="item-card-price-original">{{ item.price }} руб.</span>
|
||
{% endif %}
|
||
</div>
|
||
<span class="item-card-availability {% if item.is_available %}available{% else %}unavailable{% endif %}">
|
||
{% if item.is_available %}В наличии{% else %}Нет в наличии{% endif %}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</article>
|