Eventdetailseite synchronisiert mit Eventslider

Hallo,

Event-Detailseite:
darauf befinden sich:
- Modul Eventleser mit template event_full.html5
- [fritzmg/contao-swiper] dessen Umschlagsinhalt alle Einzelevents sind, dargestellt mit 3 sichtbaren Slides/zentrierte Slides (als Teaser dargestellt)

Wunsch wäre nun, dass der mittlere Slide jeweils jener Teaser dieser Detailseite ist. Sprich, dass sich der Slider mit der Detailansicht "synchronisiert".

Beispiel:
10 Events
Ich schaue mir die Detailseite von Event 7 an. Auf der Detailseite von Event 7 ist nun der Slider mit dem mittleren Slide bei Event 7

Hat jemand eine praktikable Umsetzungs-Idee dazu? Oder vielleicht sogar schon jemand eine Lösung?
Es könnte auch eine bezahlte Dienstleistung werden

Du könntest einen parseTemplate Hook umsetzen, wo du für das ce_swiperStop Element die parameters Variable des Templates um die initialSlide Einstellung erweitern könntest. Du müsstest halt irgendwie herausfinden, welcher Slide dann der richtige ist. Ansonsten könntet du das vermutlich auch mit JavaScript machen. Die initSwiper Funktion im ce_swiperStop Template gibt dir die Swiper Instanz zurück.

Ich habe hierzu nun eine "halbherzige" Lösung erstellt.
Swiper.js erlaubt die Möglichkeit der 'Hash Navigation' - dazu musste ich ein paar Dinge anpassen:

- im template ce_swiperStop.html5 hashNavigation:true eintragen
- im template, welches ich im Slider verwende, (in meinem Fall ein angepasstes event_teaser_slider.html5) <div class="event-single-wrapper" data-hash="event<?= $this->id ?>"> eintragen. Damit vergebe ich jedem Slide eine eindeutige Kennung für den Link via data-hash
- im template event_teaser.html5 der Überschrift h2 (welche den Link zur Detailseite erzeugt) zusätzlich den Hash mitgeben <a href="<?= $this->href . '#event' . $this->id ?>" ...

Der Link der Detailseite des events wird mit z.B #event12 ergänzt.

Der Einfachheit halber habe ich im ce_swiperStop.html5 eine Anpassung vorgenommen und params: <?= json_encode($this->parameters) ?> direkt mit meinen Werten überschrieben, was natürlich sehr unschön ist und bei Änderungen der Werte eine Anpassung im Template mit sich zieht.

Hier deshalb meine nächste Frage:
wie kann ich direkt im Template den params: eigene Werte ins array hinzufügen? In meinem Fall jetzt mal das hashNavigation:true,

So halbherzig finde ich das gar nicht ;)

Bzgl. Parameter: einfach

PHP-Code:

---

<?php $this->parameters['hashNavigation'] = true; ?>

---

an welcher Stelle im Template müsste das denn eingetragen werden? Denn ich schaffe es damit nicht, den Wert mit ausgegeben zu bekommen.
auch ausserhalb von <script>, ob vor- oder nachher kein positives Ergebnis

PHP-Code:

---

</div>
    <?php if ($this->sliderPagination): ?>
      <div class="swiper-pagination"></div>
    <?php endif; ?>
    <?php if ($this->sliderButtons): ?>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    <?php endif; ?>
  </div>
  
  <script>
    initSwiper({
      id: '<?= $this->sliderId ?>',
      wrapperClass: '<?= $this->wrapperClass ?>',
      params: <?= json_encode($this->parameters) ?> 
      <?php $this->parameters['hashNavigation'] = true; ?>
    });
  </script>

</div>

---

Irgendwo bevor die parameters ausgegeben werden, bspw. ganz am Anfang des Templates.

nein, klappt eben nicht - da hatte ich's auch schon platziert und jetzt grad nochmals.
Muss irgendein cache geleert werden?

Poste dein aktuelles Template.

// edit: ich glaube das liegt an einer Eigenheit bzgl. __set. Versuche es mal so:

PHP-Code:

---

<?php $this->parameters = array_merge($this->parameters, ['hashNavigation' => true]); ?>

---

sehr gut! jetzt klappt das wie gewünscht!
vielen Dank