Azimkin
27187c5e53
All checks were successful
Build and Push Docker Image / build (push) Successful in 30s
- Introduced `Subcategory` model with migration and unique slug constraint per category - Enabled subcategory assignment for items with validation to ensure category matching - Updated catalog views to handle subcategories, filtering items accordingly - Enhanced templates (`index.html`, `side-bar.html`, `item-list.html`, `detail.html`) to display subcategories - Added dynamic subcategory dropdown in Django admin with category filtering - Created JavaScript for admin subcategory handling and AJAX population - Wrote comprehensive tests for subcategory functionality in views and admin
72 lines
3.4 KiB
HTML
72 lines
3.4 KiB
HTML
{% extends "_layouts/base.html" %}
|
||
{% load static %}
|
||
|
||
{% block title %}{{ item.name }}{% endblock %}
|
||
|
||
{% block add_css %}
|
||
<link rel="stylesheet" href="{% static "css/catalog.css" %}">
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
{% include "_fragments/header.html" with active="catalog" %}
|
||
|
||
{% url 'detail' item.category.slug item.slug as product_url %}
|
||
{% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/catalog/' text_2='Каталог' url_3='/catalog/'|add:item.category.slug|add:'/' text_3=item.category.name url_4=product_url text_4=item.name %}
|
||
|
||
<main class="container product-detail">
|
||
<section class="product-gallery" aria-label="Изображения товара">
|
||
<div class="product-gallery__main">
|
||
{% if primary_image %}
|
||
<a href="{{ primary_image.image.url }}" data-fancybox="product-gallery">
|
||
<img src="{{ primary_image.image.url }}" alt="{{ primary_image.alt|default:item.name }}">
|
||
</a>
|
||
{% else %}
|
||
<div class="product-gallery__placeholder">Нет фото</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
{% if images %}
|
||
<div class="product-gallery__thumbs">
|
||
{% for image in images %}
|
||
<a class="product-gallery__thumb{% if forloop.first %} active{% endif %}" href="{{ image.image.url }}" data-fancybox="product-gallery">
|
||
<img src="{{ image.image.url }}" alt="{{ image.alt|default:item.name }}">
|
||
</a>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
</section>
|
||
|
||
<section class="product-summary" aria-label="Информация о товаре">
|
||
<p class="product-summary__category">
|
||
{{ item.category.name }}{% if item.subcategory %} / {{ item.subcategory.name }}{% endif %}
|
||
</p>
|
||
<h1 class="product-summary__title">{{ item.name }}</h1>
|
||
|
||
<div class="product-summary__meta">
|
||
<span class="product-summary__price">{{ item.price }} руб.</span>
|
||
<span class="product-summary__availability {% if item.is_available %}available{% else %}unavailable{% endif %}">
|
||
{% if item.is_available %}В наличии{% else %}Нет в наличии{% endif %}
|
||
</span>
|
||
</div>
|
||
|
||
<div class="product-summary__swatches" aria-hidden="true">
|
||
<span class="product-summary__swatch product-summary__swatch--dark"></span>
|
||
<span class="product-summary__swatch product-summary__swatch--graphite"></span>
|
||
<span class="product-summary__swatch product-summary__swatch--taupe"></span>
|
||
<span class="product-summary__swatch product-summary__swatch--sand"></span>
|
||
</div>
|
||
|
||
{% if item.description %}
|
||
<div class="product-summary__description">{{ item.description|linebreaksbr }}</div>
|
||
{% endif %}
|
||
|
||
<div class="product-summary__actions">
|
||
<button class="product-summary__button product-summary__button--primary" type="button">В корзину</button>
|
||
<button class="product-summary__button product-summary__button--secondary" type="button">Купить</button>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
{% include "_fragments/footer.html" %}
|
||
{% endblock %}
|