feat: add sidebar and item list to catalog page, enable DEBUG mode for development
All checks were successful
Build and Push Docker Image / build (push) Successful in 24s
All checks were successful
Build and Push Docker Image / build (push) Successful in 24s
- Created `side-bar.html` and `item-list.html` fragments for catalog page layout - Updated `catalog/index.html` to include sidebar and item list templates - Added styles for catalog layout in `catalog.css` - Enabled `DEBUG=True` in settings for local development - Adjusted CSS in shipping and services for consistent spacing
This commit is contained in:
6
templates/catalog/_fragments/item-list.html
Normal file
6
templates/catalog/_fragments/item-list.html
Normal file
@@ -0,0 +1,6 @@
|
||||
<main class="item-list">
|
||||
{% for item in items %}
|
||||
<h1>item</h1>
|
||||
{% endfor %}
|
||||
|
||||
</main>
|
||||
38
templates/catalog/_fragments/side-bar.html
Normal file
38
templates/catalog/_fragments/side-bar.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<aside>
|
||||
<section class="categories a-section">
|
||||
<h2>Категории</h2>
|
||||
{% for category in categories %}
|
||||
<a href="/catalog/{{ category.slug }}" class="category">{{ category.name }}</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<section class="sub-categories a-section">
|
||||
<h2>Подкатегории</h2>
|
||||
</section>
|
||||
|
||||
<form action="">
|
||||
<section class="a-section cost-section">
|
||||
<h2>Стоимость</h2>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="a-section color-section">
|
||||
<h2>Цвет</h2>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="a-section material-section">
|
||||
<h2>Материал</h2>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="a-section promotions-section">
|
||||
<h2>Акции</h2>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="a-section new-section">
|
||||
<h2>Новинки</h2>
|
||||
</section>
|
||||
</form>
|
||||
</aside>
|
||||
@@ -10,10 +10,18 @@
|
||||
{% block content %}
|
||||
<!-- HEADER -->
|
||||
{% include "_fragments/header.html" with active="catalog" %}
|
||||
|
||||
{% if selected_category.id == None %}
|
||||
{% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/catalog/' text_2='Каталог' %}
|
||||
{% else %}
|
||||
{% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/catalog/' text_2='Каталог' text_3=selected_category.name %}
|
||||
{% endif %}
|
||||
|
||||
<div class="container catalog-container">
|
||||
{% include 'catalog/_fragments/side-bar.html' with categories=categories %}
|
||||
|
||||
{% include 'catalog/_fragments/item-list.html' with items=items %}
|
||||
</div>
|
||||
|
||||
{% include "_fragments/footer.html" %}
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user