Charakter-Vorstellungen: Text und Foto bekommen beide die Kartenoptik der Produktkarten

Auf den Tier-Familien-Seiten (z.B. /shop/diy-plushies/hase/) standen Foto
und Text bisher als freischwebende Elemente nebeneinander, ohne Rahmen.
Jetzt bekommen beide Seiten die gleiche Verlaufsrand-"Kisten"-Optik wie
die Produktkarten im Shop-Grid — zwei gleichwertige, gerahmte Boxen
nebeneinander statt unauffälligem Text neben einem randlosen Foto.

Zusätzlich: HasiDog (1. Charakter der Hase-Familie) hat jetzt den Text
links und das Foto rechts (vorher umgekehrt) — die Abwechslung für
weitere Charaktere (HasiGott, Mama Hase, ...) bleibt erhalten, nur die
Startseite ist gespiegelt.

Verifiziert per Puppeteer-Screenshot: alle drei Hase-Charaktere zeigen
jetzt beide Karten im Verlaufsrand-Stil, HasiDog korrekt mit Text links.
This commit is contained in:
qcigano
2026-08-02 22:28:57 +02:00
parent eddc70e698
commit ffddd33a38
5 changed files with 40 additions and 8 deletions
@@ -30,7 +30,7 @@ const characters = sub.characters ?? [];
const characterEntries = characters.map((char, index) => ({
char,
product: alleProdukte.find((p) => p.charakter === char.slug),
reverse: index % 2 === 1,
reverse: index % 2 === 0,
}));
// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter.
@@ -30,7 +30,7 @@ const characters = sub.characters ?? [];
const characterEntries = characters.map((char, index) => ({
char,
product: alleProdukte.find((p) => p.charakter === char.slug),
reverse: index % 2 === 1,
reverse: index % 2 === 0,
}));
// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter.
@@ -30,7 +30,7 @@ const characters = sub.characters ?? [];
const characterEntries = characters.map((char, index) => ({
char,
product: alleProdukte.find((p) => p.charakter === char.slug),
reverse: index % 2 === 1,
reverse: index % 2 === 0,
}));
// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter.
@@ -30,7 +30,7 @@ const characters = sub.characters ?? [];
const characterEntries = characters.map((char, index) => ({
char,
product: alleProdukte.find((p) => p.charakter === char.slug),
reverse: index % 2 === 1,
reverse: index % 2 === 0,
}));
// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter.