From 9bfa42928cb73097828abdf551881c1671fbd691 Mon Sep 17 00:00:00 2001
From: "web_103.2" <broadex@list.ru>
Date: Fri, 23 Oct 2026 10:38:50 +0300
Subject: [PATCH] =?UTF-8?q?task=2017291=20|=20=D0=92=D0=B0=D0=BC=20=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BA=D0=B6=D0=B5=20=D0=BC=D0=BE=D0=B6=D0=B5=D1=82=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=BD=D1=80=D0=B0=D0=B2=D0=B8=D1=82=D1=8C=D1=81?=
 =?UTF-8?q?=D1=8F=20-=20=D0=B2=20=D0=BE=D0=B4=D0=BD=D1=83=20=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../themes/hantico/assets/css/style.css       |  8 ++++++++
 .../themes/hantico/assets/js/scripts.js       | 16 +++++++++++++++
 .../themes/hantico/template-parts/related.php | 20 +++++++++++--------
 3 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css
index ec35875..0ae78b8 100644
--- a/wp-content/themes/hantico/assets/css/style.css
+++ b/wp-content/themes/hantico/assets/css/style.css
@@ -2886,6 +2886,11 @@ h4 {
 .articles--page {
   margin-top: clamp(40px, 15.1381px + 6.6298vw, 100px);
 }
+.articles--slider{
+  width: 100%;
+
+  overflow: hidden;
+}
 .articles-title--sm {
   margin-bottom: 40px;
   font-size: var(--fs-h3-lg);
@@ -2938,6 +2943,9 @@ h4 {
   grid-template-columns: repeat(3, 1fr);
   column-gap: 20px;
 }
+.related-slider__container.swiper {
+  overflow: visible;
+}
 .articles-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
diff --git a/wp-content/themes/hantico/assets/js/scripts.js b/wp-content/themes/hantico/assets/js/scripts.js
index c49d34d..85bbbb0 100644
--- a/wp-content/themes/hantico/assets/js/scripts.js
+++ b/wp-content/themes/hantico/assets/js/scripts.js
@@ -544,6 +544,22 @@ document.addEventListener('DOMContentLoaded', () => {
 	}, sizeLG);
 
 
+	// Похожие статьи: слайдер на всех экранах
+	document.querySelectorAll('.related-slider').forEach(slider => {
+		new ResponsiveSwiper(slider.querySelector('.related-slider__container'), {
+			slidesPerView: 1.25,
+			spaceBetween: 15,
+			watchOverflow: true,
+			grabCursor: true,
+			breakpoints: {
+				576: { slidesPerView: 1.25, spaceBetween: 20 },
+				768: { slidesPerView: 2.25, spaceBetween: 20 },
+				1024: { slidesPerView: 3, spaceBetween: 20 }
+			}
+		});
+	});
+
+
 	// Слайдер блога
 	const blogSlider = new ResponsiveSwiper('.blog-slider__container', {
 		loop: true,
diff --git a/wp-content/themes/hantico/template-parts/related.php b/wp-content/themes/hantico/template-parts/related.php
index a28a670..b5248da 100644
--- a/wp-content/themes/hantico/template-parts/related.php
+++ b/wp-content/themes/hantico/template-parts/related.php
@@ -23,16 +23,20 @@
 	if ($related_query->have_posts()) :
 	$title = $post_type === 'news' ? 'Другие новости' : 'Вам также может понравиться';
 ?>
-	<section class="articles articles--block">
+	<section class="articles articles--block articles--slider">
 		<div class="container">
 			<h2 class="articles-title articles-title--lg"><?php echo $title; ?></h2>
-			<div class="articles-grid">
-				<?php
-					while ($related_query->have_posts()) {
-						$related_query->the_post();
-						get_template_part('template-parts/articles-item');
-					} wp_reset_postdata();
-				?>
+			<div class="related-slider">
+				<div class="related-slider__container swiper">
+					<div class="swiper-wrapper">
+						<?php
+							while ($related_query->have_posts()) {
+								$related_query->the_post();
+								get_template_part('template-parts/articles-item', null, ['class' => 'swiper-slide']);
+							} wp_reset_postdata();
+						?>
+					</div>
+				</div>
 			</div>
 		</div>
 	</section>