Charakter-Story-Boxen zeigen nur noch Charaktere mit echtem Produkt

Bisher wurden auf den Tier-Familien-Seiten Vorstellungsboxen für ALLE im Admin
angelegten Charaktere gezeigt, auch ohne zugeordnetes Produkt (z.B. HasiGott,
Mama Hase auf der Hase-Seite ohne echte Ware). Auf Wunsch entfernt: die
Story-Boxen erscheinen jetzt nur noch für Charaktere, denen im Admin auch
wirklich ein Produkt zugeordnet ist - genau wie die Shop-Karten darunter.

Co-Authored-By: Claude Sonnet 5 <[email protected]>

src/pages/ch/shop/[kategorie]/[unterkategorie].astro

@@ -57,11 +57,11 @@ const komplettLeer = !hatProduktKarten && !hatWeitere;
     </section>
   </div>
 
-  {hatCharaktere && (
+  {hatProduktKarten && (
     <section class="section-tight">
       <div class="container">
         <div class="character-stories">
-          {characterEntries.map(({ char }) => (
+          {characterEntriesMitProdukt.map(({ char }) => (
             <div class="card character-story">
               {char.vorstellung && <span class="eyebrow">{char.vorstellung[lang].split("\n")[0]}</span>}
               <p>{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : ""}</p>

src/pages/en/shop/[kategorie]/[unterkategorie].astro

@@ -57,11 +57,11 @@ const komplettLeer = !hatProduktKarten && !hatWeitere;
     </section>
   </div>
 
-  {hatCharaktere && (
+  {hatProduktKarten && (
     <section class="section-tight">
       <div class="container">
         <div class="character-stories">
-          {characterEntries.map(({ char }) => (
+          {characterEntriesMitProdukt.map(({ char }) => (
             <div class="card character-story">
               {char.vorstellung && <span class="eyebrow">{char.vorstellung[lang].split("\n")[0]}</span>}
               <p>{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : ""}</p>

src/pages/fr/shop/[kategorie]/[unterkategorie].astro

@@ -57,11 +57,11 @@ const komplettLeer = !hatProduktKarten && !hatWeitere;
     </section>
   </div>
 
-  {hatCharaktere && (
+  {hatProduktKarten && (
     <section class="section-tight">
       <div class="container">
         <div class="character-stories">
-          {characterEntries.map(({ char }) => (
+          {characterEntriesMitProdukt.map(({ char }) => (
             <div class="card character-story">
               {char.vorstellung && <span class="eyebrow">{char.vorstellung[lang].split("\n")[0]}</span>}
               <p>{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : ""}</p>

src/pages/shop/[kategorie]/[unterkategorie].astro

@@ -60,13 +60,15 @@ const komplettLeer = !hatProduktKarten && !hatWeitere;
     </section>
   </div>
 
-  {hatCharaktere && (
+  {hatProduktKarten && (
     <section class="section-tight">
       <div class="container">
         {/* Die persönlichen Charaktergeschichten stehen als eigene, volle Breite Boxen ÜBER der
-            Kartenreihe — getrennt von den "Shop"-Karten darunter, die nur Foto/Preis/Infos zeigen. */}
+            Kartenreihe — getrennt von den "Shop"-Karten darunter, die nur Foto/Preis/Infos zeigen.
+            Nur Charaktere mit echtem Produkt bekommen hier überhaupt eine Box (kein Charakter ohne
+            Ware im Shop), damit es keine Vorstellungen "ins Leere" gibt. */}
         <div class="character-stories">
-          {characterEntries.map(({ char }) => (
+          {characterEntriesMitProdukt.map(({ char }) => (
             <div class="card character-story">
               {char.vorstellung && <span class="eyebrow">{char.vorstellung[lang].split("\n")[0]}</span>}
               <p>{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : ""}</p>