From 6fae5a069453fa759a8588a037570dddcd7b50dd Mon Sep 17 00:00:00 2001
From: qcigano <qcigano@gmail.com>
Date: Tue, 4 Aug 2026 14:55:24 +0200
Subject: [PATCH] Fix: Shop-Filter-Dropdowns (Kategorie/Mindestbewertung)
 reagierten nach Client-Router-Navigation nicht mehr
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beide <script>-Blöcke am Ende von shop/index.astro (+en/ch/fr) liefen bisher direkt beim Parsen,
statt wie in Layout.astro etabliert in "astro:page-load" gekapselt zu sein. Da <ClientRouter
fallback="swap" /> Inline-Skripte bei einem clientseitigen Seitenwechsel nicht erneut ausführt,
wurden die Klick-Listener der beiden eigenen Dropdowns nie angehängt, wenn man per Link (statt
Direktaufruf) auf /shop/ navigiert ist — Preis-Regler/Checkbox blieben unbemerkt funktionsfähig,
weil das natives Browser-Verhalten ohne JS ist.
---
 src/pages/ch/shop/index.astro | 15 +++++++++++++++
 src/pages/en/shop/index.astro | 15 +++++++++++++++
 src/pages/fr/shop/index.astro | 15 +++++++++++++++
 src/pages/shop/index.astro    | 15 +++++++++++++++
 4 files changed, 60 insertions(+)

diff --git a/src/pages/ch/shop/index.astro b/src/pages/ch/shop/index.astro
index dec5b41..1765bf6 100644
--- a/src/pages/ch/shop/index.astro
+++ b/src/pages/ch/shop/index.astro
@@ -119,6 +119,14 @@ const t = useTranslations(lang);
 </Layout>
 
 <script define:vars={{ productSingular: t.shop.productSingular, productPlural: t.shop.productPlural, unitFirst: lang === "en" }}>
+  // WICHTIG: In Layout.astro läuft <ClientRouter fallback="swap" /> (Astro View Transitions) für
+  // die ganze Seite. Bei einem clientseitigen Seitenwechsel (Link-Klick statt Hard-Reload) werden
+  // Inline-<script>-Tags NICHT erneut ausgeführt — nur beim allerersten Laden. Deshalb (genau wie
+  // in Layout.astro) die komplette Initialisierung in "astro:page-load" kapseln, das zuverlässig
+  // sowohl beim ersten Laden als auch nach jedem ClientRouter-Seitenwechsel feuert. Sonst würden
+  // die Klick-Listener der beiden eigenen Dropdowns (Kategorie/Mindestbewertung) nie angehängt,
+  // wenn man per Link (statt Direktaufruf) auf /shop/ navigiert.
+  document.addEventListener("astro:page-load", () => {
   const grid = document.getElementById("product-grid");
   const slots = Array.from(grid.querySelectorAll(".product-slot"));
   const kategorieSel = document.getElementById("f-kategorie");
@@ -242,11 +250,17 @@ const t = useTranslations(lang);
   // hier nutzt define:vars und darf deshalb selbst kein "import" enthalten (siehe unten).
   window.__shopApply = apply;
   apply();
+  });
 </script>
 
 <script>
   import { lokaleBewertungenFuer } from "../../../scripts/reviews";
 
+  // Siehe Kommentar im ersten Skript oben: wegen <ClientRouter fallback="swap" /> in Layout.astro
+  // muss auch dieses Modul-Skript bei jedem Seitenwechsel erneut laufen, nicht nur beim ersten
+  // Laden — deshalb ebenfalls in einen eigenen "astro:page-load"-Handler gekapselt. Der Import
+  // bleibt bewusst außerhalb des Listeners (Modul-Imports müssen top-level stehen).
+  document.addEventListener("astro:page-load", () => {
   // Lokal auf diesem Gerät gespeicherte Kundenrezensionen (siehe scripts/reviews.ts) in
   // data-bewertung einrechnen und danach neu filtern/sortieren — sonst würden der
   // Mindestbewertung-Filter und die Sortierung "Beste Bewertung" neue Rezensionen ignorieren.
@@ -262,4 +276,5 @@ const t = useTranslations(lang);
     slot.dataset.bewertung = String(summe / (basisAnzahl + lokale.length));
   });
   (window as any).__shopApply?.();
+  });
 </script>
diff --git a/src/pages/en/shop/index.astro b/src/pages/en/shop/index.astro
index 826f16b..b416e66 100644
--- a/src/pages/en/shop/index.astro
+++ b/src/pages/en/shop/index.astro
@@ -119,6 +119,14 @@ const t = useTranslations(lang);
 </Layout>
 
 <script define:vars={{ productSingular: t.shop.productSingular, productPlural: t.shop.productPlural, unitFirst: lang === "en" }}>
+  // WICHTIG: In Layout.astro läuft <ClientRouter fallback="swap" /> (Astro View Transitions) für
+  // die ganze Seite. Bei einem clientseitigen Seitenwechsel (Link-Klick statt Hard-Reload) werden
+  // Inline-<script>-Tags NICHT erneut ausgeführt — nur beim allerersten Laden. Deshalb (genau wie
+  // in Layout.astro) die komplette Initialisierung in "astro:page-load" kapseln, das zuverlässig
+  // sowohl beim ersten Laden als auch nach jedem ClientRouter-Seitenwechsel feuert. Sonst würden
+  // die Klick-Listener der beiden eigenen Dropdowns (Kategorie/Mindestbewertung) nie angehängt,
+  // wenn man per Link (statt Direktaufruf) auf /shop/ navigiert.
+  document.addEventListener("astro:page-load", () => {
   const grid = document.getElementById("product-grid");
   const slots = Array.from(grid.querySelectorAll(".product-slot"));
   const kategorieSel = document.getElementById("f-kategorie");
@@ -242,11 +250,17 @@ const t = useTranslations(lang);
   // hier nutzt define:vars und darf deshalb selbst kein "import" enthalten (siehe unten).
   window.__shopApply = apply;
   apply();
+  });
 </script>
 
 <script>
   import { lokaleBewertungenFuer } from "../../../scripts/reviews";
 
+  // Siehe Kommentar im ersten Skript oben: wegen <ClientRouter fallback="swap" /> in Layout.astro
+  // muss auch dieses Modul-Skript bei jedem Seitenwechsel erneut laufen, nicht nur beim ersten
+  // Laden — deshalb ebenfalls in einen eigenen "astro:page-load"-Handler gekapselt. Der Import
+  // bleibt bewusst außerhalb des Listeners (Modul-Imports müssen top-level stehen).
+  document.addEventListener("astro:page-load", () => {
   // Lokal auf diesem Gerät gespeicherte Kundenrezensionen (siehe scripts/reviews.ts) in
   // data-bewertung einrechnen und danach neu filtern/sortieren — sonst würden der
   // Mindestbewertung-Filter und die Sortierung "Beste Bewertung" neue Rezensionen ignorieren.
@@ -262,4 +276,5 @@ const t = useTranslations(lang);
     slot.dataset.bewertung = String(summe / (basisAnzahl + lokale.length));
   });
   (window as any).__shopApply?.();
+  });
 </script>
diff --git a/src/pages/fr/shop/index.astro b/src/pages/fr/shop/index.astro
index ac5cd26..730af54 100644
--- a/src/pages/fr/shop/index.astro
+++ b/src/pages/fr/shop/index.astro
@@ -119,6 +119,14 @@ const t = useTranslations(lang);
 </Layout>
 
 <script define:vars={{ productSingular: t.shop.productSingular, productPlural: t.shop.productPlural, unitFirst: lang === "en" }}>
+  // WICHTIG: In Layout.astro läuft <ClientRouter fallback="swap" /> (Astro View Transitions) für
+  // die ganze Seite. Bei einem clientseitigen Seitenwechsel (Link-Klick statt Hard-Reload) werden
+  // Inline-<script>-Tags NICHT erneut ausgeführt — nur beim allerersten Laden. Deshalb (genau wie
+  // in Layout.astro) die komplette Initialisierung in "astro:page-load" kapseln, das zuverlässig
+  // sowohl beim ersten Laden als auch nach jedem ClientRouter-Seitenwechsel feuert. Sonst würden
+  // die Klick-Listener der beiden eigenen Dropdowns (Kategorie/Mindestbewertung) nie angehängt,
+  // wenn man per Link (statt Direktaufruf) auf /shop/ navigiert.
+  document.addEventListener("astro:page-load", () => {
   const grid = document.getElementById("product-grid");
   const slots = Array.from(grid.querySelectorAll(".product-slot"));
   const kategorieSel = document.getElementById("f-kategorie");
@@ -242,11 +250,17 @@ const t = useTranslations(lang);
   // hier nutzt define:vars und darf deshalb selbst kein "import" enthalten (siehe unten).
   window.__shopApply = apply;
   apply();
+  });
 </script>
 
 <script>
   import { lokaleBewertungenFuer } from "../../../scripts/reviews";
 
+  // Siehe Kommentar im ersten Skript oben: wegen <ClientRouter fallback="swap" /> in Layout.astro
+  // muss auch dieses Modul-Skript bei jedem Seitenwechsel erneut laufen, nicht nur beim ersten
+  // Laden — deshalb ebenfalls in einen eigenen "astro:page-load"-Handler gekapselt. Der Import
+  // bleibt bewusst außerhalb des Listeners (Modul-Imports müssen top-level stehen).
+  document.addEventListener("astro:page-load", () => {
   // Lokal auf diesem Gerät gespeicherte Kundenrezensionen (siehe scripts/reviews.ts) in
   // data-bewertung einrechnen und danach neu filtern/sortieren — sonst würden der
   // Mindestbewertung-Filter und die Sortierung "Beste Bewertung" neue Rezensionen ignorieren.
@@ -262,4 +276,5 @@ const t = useTranslations(lang);
     slot.dataset.bewertung = String(summe / (basisAnzahl + lokale.length));
   });
   (window as any).__shopApply?.();
+  });
 </script>
diff --git a/src/pages/shop/index.astro b/src/pages/shop/index.astro
index ef4e733..507c733 100644
--- a/src/pages/shop/index.astro
+++ b/src/pages/shop/index.astro
@@ -128,6 +128,14 @@ const t = useTranslations(lang);
 </Layout>
 
 <script define:vars={{ productSingular: t.shop.productSingular, productPlural: t.shop.productPlural, unitFirst: lang === "en" }}>
+  // WICHTIG: In Layout.astro läuft <ClientRouter fallback="swap" /> (Astro View Transitions) für
+  // die ganze Seite. Bei einem clientseitigen Seitenwechsel (Link-Klick statt Hard-Reload) werden
+  // Inline-<script>-Tags NICHT erneut ausgeführt — nur beim allerersten Laden. Deshalb (genau wie
+  // in Layout.astro) die komplette Initialisierung in "astro:page-load" kapseln, das zuverlässig
+  // sowohl beim ersten Laden als auch nach jedem ClientRouter-Seitenwechsel feuert. Sonst würden
+  // die Klick-Listener der beiden eigenen Dropdowns (Kategorie/Mindestbewertung) nie angehängt,
+  // wenn man per Link (statt Direktaufruf) auf /shop/ navigiert.
+  document.addEventListener("astro:page-load", () => {
   const grid = document.getElementById("product-grid");
   const slots = Array.from(grid.querySelectorAll(".product-slot"));
   const kategorieSel = document.getElementById("f-kategorie");
@@ -251,11 +259,17 @@ const t = useTranslations(lang);
   // hier nutzt define:vars und darf deshalb selbst kein "import" enthalten (siehe unten).
   window.__shopApply = apply;
   apply();
+  });
 </script>
 
 <script>
   import { lokaleBewertungenFuer } from "../../scripts/reviews";
 
+  // Siehe Kommentar im ersten Skript oben: wegen <ClientRouter fallback="swap" /> in Layout.astro
+  // muss auch dieses Modul-Skript bei jedem Seitenwechsel erneut laufen, nicht nur beim ersten
+  // Laden — deshalb ebenfalls in einen eigenen "astro:page-load"-Handler gekapselt. Der Import
+  // bleibt bewusst außerhalb des Listeners (Modul-Imports müssen top-level stehen).
+  document.addEventListener("astro:page-load", () => {
   // Lokal auf diesem Gerät gespeicherte Kundenrezensionen (siehe scripts/reviews.ts) in
   // data-bewertung einrechnen und danach neu filtern/sortieren — sonst würden der
   // Mindestbewertung-Filter und die Sortierung "Beste Bewertung" neue Rezensionen ignorieren.
@@ -271,4 +285,5 @@ const t = useTranslations(lang);
     slot.dataset.bewertung = String(summe / (basisAnzahl + lokale.length));
   });
   (window as any).__shopApply?.();
+  });
 </script>