Produktfotos: Von VanVan im Adminbereich hochgeladene Bilder werden jetzt auf Produktkarten und der Produktdetailseite angezeigt (Hauptbild + klickbare Miniaturbilder), statt immer nur den Platzhalter zu zeigen

src/components/ProductCard.astro

@@ -20,9 +20,13 @@ const desc = product.beschreibung[lang];
 ---
 <a href={`${localePrefix(lang)}/produkt/${product.slug}/`} class="card product-card">
   <div class="product-media">
-    <div class="img-placeholder" role="img" aria-label={`${t.common.photoSoon}: ${name}`}>
-      {t.common.photoSoon}<br /><span class="small">{name}</span>
-    </div>
+    {product.bilder && product.bilder.length > 0 ? (
+      <img class="product-photo" src={product.bilder[0]} alt={name} loading="lazy" />
+    ) : (
+      <div class="img-placeholder" role="img" aria-label={`${t.common.photoSoon}: ${name}`}>
+        {t.common.photoSoon}<br /><span class="small">{name}</span>
+      </div>
+    )}
     <div class="product-badges">
       {product.badges.map((b) => (
         <span class={`badge ${b === "sale" ? "badge-sale" : ""}`}>{badgeLabel[b]}</span>