Azimkin/santeh-ray
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: добавить слайдер для преимуществ, фонты и portable setup
All checks were successful
Build and Push Docker Image / build (push) Successful in 40s
Details

Browse Source 
- Интегрирован Swiper.js для слайдера преимуществ
- Обновлены преимущества: добавлены новые элементы и улучшена структура
- Добавлены новые шрифты (BerlinType, Noah) и подключены стили
- Добавлен start.bat для автоматической настройки Python, Git и запуска проекта
This commit is contained in:
azimkin
2026-04-04 11:15:40 +02:00
parent 09ca1c6997
commit 777b753230
15 changed files with 296 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/_layouts/base.html
View File

@@ -11,6 +11,8 @@
rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/normalize.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
{% block add_css %}
<!-- Additional CSS -->
{% endblock %}

92
templates/home/_fragments/advantages.html
View File

@@ -3,20 +3,59 @@
<div class="container">
<div class="advantages-list">
<h2 class="advantages-title">ПОЧЕМУ ВЫБИРАЮТ НАС?</h2>
<div class="advantages-item">
<div class="advantages-item-number">1</div>
<h3 class="advantages-item-title">КАЧЕСТВЕННЫЙ ТОВАР</h3>
<p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
</div>
<div class="advantages-item">
<div class="advantages-item-number">2</div>
<h3 class="advantages-item-title">ЧЕСТНАЯ ГАРАНТИЯ</h3>
<p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
</div>
<div class="advantages-item">
<div class="advantages-item-number">3</div>
<h3 class="advantages-item-title">БЫСТРАЯ ДОСТАВКА</h3>
<p class="advantages-item-subtitle">Огромный выбор сантехники в наличии и доставка со склада</p>
<div class="advantages-right">
<div class="advantages-nav">
<button class="advantages-nav-btn advantages-nav-prev" id="advantages-nav-prev"
aria-label="Previous">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<polyline points="15 18 9 12 15 6"></polyline>
</svg>
</button>
<button class="advantages-nav-btn advantages-nav-next" id="advantages-nav-next" aria-label="Next">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
</div>
<div class="advantages-carousel">
<div class="swiper-wrapper">
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">1</div>
<h3 class="advantages-item-title">КАЧЕСТВЕННЫЙ ТОВАР</h3>
<p class="advantages-item-subtitle">Работаем с проверенными поставщиками</p>
</div>
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">2</div>
<h3 class="advantages-item-title">ЧЕСТНАЯ ГАРАНТИЯ</h3>
<p class="advantages-item-subtitle">Гарантия на все товары от 1 до 5 лет</p>
</div>
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">3</div>
<h3 class="advantages-item-title">БЫСТРАЯ ДОСТАВКА</h3>
<p class="advantages-item-subtitle">Огромный выбор сантехники в наличии и доставка со
склада</p>
</div>
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">4</div>
<h3 class="advantages-item-title">САМОВЫВОЗ</h3>
<p class="advantages-item-subtitle">Ниже, удобный самовывоз из Минска</p>
</div>
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">5</div>
<h3 class="advantages-item-title">ИНДИВИДУАЛЬНЫЙ ПОДХОД</h3>
<p class="advantages-item-subtitle">Каждый заказ мы прорабатываем и обсуждаем с клиентом
индивидуально</p>
</div>
<div class="swiper-slide advantages-item">
<div class="advantages-item-number">6</div>
<h3 class="advantages-item-title">ПРОЗРАЧНЫЕ УСЛОВИЯ</h3>
<p class="advantages-item-subtitle">Регулярные акции и скидки для постоянных клиентов</p>
</div>
</div>
</div>
</div>
</div>
@@ -24,19 +63,34 @@
<div class="advantages-card advantages-card-left">
<div class="advantages-card-content">
<div class="flex-right">
<div class="advantages-card-splash">Новинки в каталоге</div>
<h3 class="advantages-card-splash">Новинки в каталоге</h3>
<h2 class="advantages-card-title text-align-right">Сантехническое оборудование</h2>
<a href="/catalog/#santechnics" class="advantages-card-button">Смотреть</a>
<a href="/catalog?category=plumbing" class="advantages-card-button">Смотреть</a>
</div>
</div>
</div>
<div class="advantages-card advantages-card-right">
<div class="advantages-card-content">
<div class="advantages-card-splash">Большая распродажа</div>
<h3 class="advantages-card-splash">Большая распродажа</h3>
<h2 class="advantages-card-title">Предметы декора</h2>
<a href="/catalog/#santechnics" class="advantages-card-button">Смотреть</a>
<a href="/catalog?category=decoration" class="advantages-card-button">Смотреть</a>
</div>
</div>
</div>
</div>
</section>
</section>
<script>
const swiper = new Swiper('.advantages-carousel', {
slidesPerView: 3,
slidesPerGroup: 1,
loop: false,
effect: 'slide',
// Navigation arrows
navigation: {
nextEl: '#advantages-nav-next',
prevEl: '#advantages-nav-prev',
},
});
</script>