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

2026-08-02 16:08:25 +02:00
parent 63dd57d529
commit 345dd736ba
6 changed files with 117 additions and 35 deletions
@@ -220,6 +220,20 @@ a.card:hover {
  background-image: repeating-linear-gradient(135deg, rgba(244,241,247,0.03) 0 2px, transparent 2px 14px);
 }

+/* Echtes Produktfoto (von VanVan im Adminbereich hochgeladen) — ersetzt den Platzhalter, sobald
+   `bilder` am Produkt gesetzt ist. Gleiche Maße/Ecken wie der Platzhalter, damit beim Hochladen
+   des ersten Fotos nichts im Layout springt. */
+.product-photo {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: var(--radius-m);
+}
+.product-media .product-photo { aspect-ratio: 1 / 1; }
+.thumb.product-photo { cursor: pointer; transition: outline-color 0.2s var(--ease); outline: 2px solid transparent; outline-offset: 2px; }
+.thumb.product-photo:hover { outline-color: var(--c-accent); }
+
 /* Portrait-Frame — edler Bilderrahmen für Porträtfotos (Startseite, Über die Kreative, ...) */
 .portrait-frame {
  position: relative;