From 48d9ca2c7c376c13e1dfc088e10f9fbb111da3db Mon Sep 17 00:00:00 2001
From: Cyssoo <cyrilchalamon@gmail.com>
Date: Thu, 29 Jan 2026 17:29:48 +0100
Subject: [PATCH] Fix heroe carousel active slide

---
 views/js/everblock.js                                       | 6 +++++-
 .../hook/prettyblocks/prettyblock_heroe_carousel.tpl        | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/views/js/everblock.js b/views/js/everblock.js
index 776e925..9d89b2d 100644
--- a/views/js/everblock.js
+++ b/views/js/everblock.js
@@ -409,8 +409,12 @@ $(document).ready(function(){
             if (!track) {
                 return;
             }
-            var index = 0;
+            var index = parseInt(carousel.dataset.startIndex, 10);
             var total = slides.length;
+            if (isNaN(index)) {
+                index = 0;
+            }
+            index = Math.min(Math.max(index, 0), total - 1);
             var loop = carousel.dataset.loop !== '0';
             var showArrows = carousel.dataset.showArrows !== '0';
             var prevButton = carousel.querySelector('.heroe-prev');
diff --git a/views/templates/hook/prettyblocks/prettyblock_heroe_carousel.tpl b/views/templates/hook/prettyblocks/prettyblock_heroe_carousel.tpl
index 9e02a27..26592bc 100644
--- a/views/templates/hook/prettyblocks/prettyblock_heroe_carousel.tpl
+++ b/views/templates/hook/prettyblocks/prettyblock_heroe_carousel.tpl
@@ -36,7 +36,8 @@
 
 {if $visibleStatesCount > 0}
   {assign var='lastVisibleIndex' value=$visibleStatesCount-1}
-  <section id="block-{$block.id_prettyblocks}" class="everblock-heroe-carousel{$prettyblock_visibility_class}" data-loop="{if $heroeLoop}1{else}0{/if}" data-show-arrows="{if $showArrows}1{else}0{/if}" style="{$prettyblock_spacing_style}">
+  {assign var='middleVisibleIndex' value=($visibleStatesCount/2)|floor}
+  <section id="block-{$block.id_prettyblocks}" class="everblock-heroe-carousel{$prettyblock_visibility_class}" data-loop="{if $heroeLoop}1{else}0{/if}" data-show-arrows="{if $showArrows}1{else}0{/if}" data-start-index="{$middleVisibleIndex}" style="{$prettyblock_spacing_style}">
     <div class="heroe-carousel">
       <div class="heroe-viewport">
         <div class="heroe-track">
@@ -69,7 +70,7 @@
               {elseif isset($state.image_mobile.height) && $state.image_mobile.height > 0}
                 {assign var='fallbackHeight' value=$state.image_mobile.height|intval}
               {/if}
-              <article class="heroe-slide{if $slideIndex == 0} is-active{/if}" data-slide-index="{$slideIndex}">
+              <article class="heroe-slide{if $slideIndex == $middleVisibleIndex} is-active{/if}" data-slide-index="{$slideIndex}">
                 <div class="heroe-media">
                   <picture>
                     {if $mobileImageUrl ne ''}