From 46aae63bcf256ed72b25713e424b7c3489c5335b Mon Sep 17 00:00:00 2001 From: qcigano Date: Sun, 2 Aug 2026 20:08:51 +0200 Subject: [PATCH] Grundlegend umgebaut: eine Seite pro Tier-Familie mit mehreren Charakteren statt einer Seite pro Charakter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bisher war jeder Charakter (HasiDog, Frieda, Sam, ...) eine eigene Unterkategorie mit eigener Seite. Das passte nicht mehr, sobald eine Familie mehrere Charaktere bekommt (HasiDog, HasiGott, Mama Hase) — die sollten alle auf EINER Seite erscheinen, nicht auf drei getrennten. Neues Modell: - Unterkategorie = die ganze Tier-Familie (z.B. "hase", "kuh", "wal"), nicht mehr ein einzelner Charakter. - Jede Familie hat jetzt ein "characters"-Array (categories.ts, config.yml) — beliebig viele Charaktere, jeder mit eigenem Namen, Vorstellungstext und optionalem "Mehr über mich"-Link. - Produkte bekommen ein neues optionales Feld "charakter", das sie einem bestimmten Charakter innerhalb der Unterkategorie zuordnet (Product. charakter in products.ts + Adminbereich-Feld). - Die Unterkategorie-Seite zeigt jetzt JEDEN Charakter als eigene Box untereinander, mit automatisch abwechselnder Foto-/Text-Seite (1. links, 2. rechts, 3. wieder links, ...). Ein Charakter ohne zugeordnetes Produkt zeigt trotzdem schon seine Box (nur ohne Foto) — die Seite "wächst" mit, sobald neue Charaktere/Produkte dazukommen, für jede Tier-Familie (Hase, Kuh, Wal, Oktopus, Schildkröte, Pinguin). - "Hase" hat jetzt drei Charaktere (HasiDog mit echtem Produkt, HasiGott und Mama Hase als Platzhalter-Boxen). - Unterkategorien-Chips zeigen jetzt sauber die Familiennamen (Kuh, Hase, Wal, ...) statt "Kuh „Frieda"" etc. - Alte, verwaiste /hasidog/-Seite entfernt (war durch die Umstellung kaputt und nirgends mehr verlinkt). Verifiziert per Puppeteer gegen den echten Build: /shop/diy-plushies/hase/ zeigt alle drei Charaktere korrekt alternierend, Ein-Charakter-Familien (Kuh etc.) funktionieren unverändert, Adminbereich lädt ohne Konfigurationsfehler, alte Hase-URLs geben korrekt 404. --- public/admin/config.yml | 35 ++- src/content/categories/diy-plushies.json | 214 +++++++++--------- src/content/products/bastel-starterset.json | 3 +- src/data/categories.ts | 18 +- src/data/products.ts | 6 +- src/pages/ch/hasidog/index.astro | 34 --- .../shop/[kategorie]/[unterkategorie].astro | 82 +++---- src/pages/en/hasidog/index.astro | 34 --- .../shop/[kategorie]/[unterkategorie].astro | 82 +++---- src/pages/fr/hasidog/index.astro | 34 --- .../shop/[kategorie]/[unterkategorie].astro | 82 +++---- src/pages/hasidog/index.astro | 34 --- .../shop/[kategorie]/[unterkategorie].astro | 85 +++---- 13 files changed, 332 insertions(+), 411 deletions(-) delete mode 100644 src/pages/ch/hasidog/index.astro delete mode 100644 src/pages/en/hasidog/index.astro delete mode 100644 src/pages/fr/hasidog/index.astro delete mode 100644 src/pages/hasidog/index.astro diff --git a/public/admin/config.yml b/public/admin/config.yml index 3d57bc2..758f2e4 100644 --- a/public/admin/config.yml +++ b/public/admin/config.yml @@ -97,7 +97,12 @@ collections: name: unterkategorie widget: string required: false - hint: "Interner Code der Unterkategorie eintragen, z.B. kuh-frieda (siehe Bereich Kategorien)" + hint: "Interner Code der Unterkategorie eintragen, z.B. hase (siehe Bereich Kategorien)" + - label: "Charakter innerhalb der Unterkategorie (optional)" + name: charakter + widget: string + required: false + hint: "Nur nötig, wenn die Unterkategorie mehrere Charaktere hat (z.B. 'hase' hat HasiDog, HasiGott, Mama Hase) — dann hier den Charakter-Code eintragen, z.B. hasidog (siehe Bereich Kategorien)." - label: Auszeichnungen name: badges widget: select @@ -174,7 +179,7 @@ collections: required: false summary: "{{fields.name.de}}" fields: - - { label: "Interner Code (URL)", name: slug, widget: string } + - { label: "Interner Code (URL)", name: slug, widget: string, hint: "z.B. hase — steht für die ganze Tier-Serie, nicht nur einen einzelnen Charakter." } - label: Name name: name widget: object @@ -183,6 +188,32 @@ collections: - { label: Englisch, name: en, widget: string } - { label: "Schweizerdeutsch", name: ch, widget: string } - { label: Französisch, name: fr, widget: string } + - label: "Charaktere dieser Serie (z.B. mehrere Hasen-Varianten)" + name: characters + widget: list + required: false + summary: "{{fields.name.de}}" + hint: "Jeder Charakter bekommt auf der Unterkategorie-Seite seine eigene Box — die Foto-Seite wechselt automatisch ab (1. links, 2. rechts, 3. wieder links, usw.). Trage beim passenden Produkt weiter oben unter 'Charakter innerhalb der Unterkategorie' genau denselben Code ein, damit Foto und Text zusammenfinden." + fields: + - { label: "Interner Code", name: slug, widget: string, hint: "z.B. hasidog — muss beim Produkt unter 'Charakter' genau so eingetragen werden." } + - label: Name + name: name + widget: object + fields: + - { label: Deutsch, name: de, widget: string } + - { label: Englisch, name: en, widget: string } + - { label: "Schweizerdeutsch", name: ch, widget: string } + - { label: Französisch, name: fr, widget: string } + - label: "Persönliche Vorstellung (1. Zeile 'Hallo, ich bin ...', 2. Zeile Persönlichkeit)" + name: vorstellung + widget: object + required: false + fields: + - { label: Deutsch, name: de, widget: text } + - { label: Englisch, name: en, widget: text } + - { label: "Schweizerdeutsch", name: ch, widget: text } + - { label: Französisch, name: fr, widget: text } + - { label: "Link zu einer externen 'Mehr über mich'-Seite (optional)", name: mehrLink, widget: string, required: false } - label: "Reihenfolge (0 = zuerst)" name: order widget: number diff --git a/src/content/categories/diy-plushies.json b/src/content/categories/diy-plushies.json index 13f4edb..9bf6168 100644 --- a/src/content/categories/diy-plushies.json +++ b/src/content/categories/diy-plushies.json @@ -16,125 +16,121 @@ "icon": "🧸", "subcategories": [ { - "slug": "kuh-frieda", - "name": { - "de": "Kuh „Frieda”", - "en": "Cow \"Frieda\"", - "ch": "Kuh „Frieda”", - "fr": "Vache « Frieda »" - }, - "vorstellung": { - "de": "Hallo, ich bin Frieda.\nIch liebe blühende Wiesen und sammle jeden Tag die schönsten Glücksmomente. Mit meinem sanften Herzen erinnere ich dich daran, dass die schönsten Dinge oft ganz leise entstehen.", - "en": "Hello, I'm Frieda.\nI love blooming meadows and collect the sweetest little moments of happiness every day. With my gentle heart, I remind you that the most beautiful things often happen quietly.", - "ch": "Hoi, ig bi d'Frieda.\nIg liebe blüehendi Wise und sammle jede Tag die schönste Glücksmomänt. Mit mim sanfte Härz erinner ig di dra, dass die schönschte Sache oft ganz leis entstöh.", - "fr": "Bonjour, je suis Frieda.\nJ'aime les prairies fleuries et je récolte chaque jour les plus beaux instants de bonheur. Avec mon cœur tendre, je te rappelle que les plus belles choses naissent souvent tout en douceur." - } + "slug": "kuh", + "name": { "de": "Kuh", "en": "Cow", "ch": "Kuh", "fr": "Vache" }, + "characters": [ + { + "slug": "frieda", + "name": { "de": "Frieda", "en": "Frieda", "ch": "Frieda", "fr": "Frieda" }, + "vorstellung": { + "de": "Hallo, ich bin Frieda.\nIch liebe blühende Wiesen und sammle jeden Tag die schönsten Glücksmomente. Mit meinem sanften Herzen erinnere ich dich daran, dass die schönsten Dinge oft ganz leise entstehen.", + "en": "Hello, I'm Frieda.\nI love blooming meadows and collect the sweetest little moments of happiness every day. With my gentle heart, I remind you that the most beautiful things often happen quietly.", + "ch": "Hoi, ig bi d'Frieda.\nIg liebe blüehendi Wise und sammle jede Tag die schönste Glücksmomänt. Mit mim sanfte Härz erinner ig di dra, dass die schönschte Sache oft ganz leis entstöh.", + "fr": "Bonjour, je suis Frieda.\nJ'aime les prairies fleuries et je récolte chaque jour les plus beaux instants de bonheur. Avec mon cœur tendre, je te rappelle que les plus belles choses naissent souvent tout en douceur." + } + } + ] }, { - "slug": "hase-hasidog", - "name": { - "de": "Hase „HasiDog”", - "en": "Bunny \"HasiDog\"", - "ch": "Hase „HasiDog”", - "fr": "Lapin « HasiDog »" - }, - "vorstellung": { - "de": "Hallo, ich bin HasiDog.\nIch bin klein, knuffig, wuschelig und verspielt, aber auch ein großer, frecher Abenteurer.", - "en": "Hello, I'm HasiDog.\nI'm small, cuddly, fluffy and playful — but also a big, cheeky adventurer.", - "ch": "Hoi, ig bi dr HasiDog.\nIg bi chli, härzig, wuschelig und verspielt, aber o en grosse, freche Abentürer.", - "fr": "Bonjour, je suis HasiDog.\nJe suis petit, tout doux, ébouriffé et joueur — mais aussi un grand aventurier un brin coquin." - }, - "mehrLink": "https://dogfather-universe.dogfather1608.workers.dev/hasidog.html" + "slug": "hase", + "name": { "de": "Hase", "en": "Bunny", "ch": "Hase", "fr": "Lapin" }, + "characters": [ + { + "slug": "hasidog", + "name": { "de": "HasiDog", "en": "HasiDog", "ch": "HasiDog", "fr": "HasiDog" }, + "vorstellung": { + "de": "Hallo, ich bin HasiDog.\nIch bin klein, knuffig, wuschelig und verspielt, aber auch ein großer, frecher Abenteurer.", + "en": "Hello, I'm HasiDog.\nI'm small, cuddly, fluffy and playful — but also a big, cheeky adventurer.", + "ch": "Hoi, ig bi dr HasiDog.\nIg bi chli, härzig, wuschelig und verspielt, aber o en grosse, freche Abentürer.", + "fr": "Bonjour, je suis HasiDog.\nJe suis petit, tout doux, ébouriffé et joueur — mais aussi un grand aventurier un brin coquin." + }, + "mehrLink": "https://dogfather-universe.dogfather1608.workers.dev/hasidog.html" + }, + { + "slug": "hasigott", + "name": { "de": "HasiGott", "en": "HasiGott", "ch": "HasiGott", "fr": "HasiGott" }, + "vorstellung": { + "de": "Hallo, ich bin HasiGott.\nIch bin der Größte, Weiseste und Kuscheligste von allen – zumindest behaupte ich das gerne selbst. Mit meinem selbstbewussten Lächeln bringe ich dich garantiert zum Schmunzeln.", + "en": "Hello, I'm HasiGott.\nI'm the biggest, wisest and cuddliest of them all — or at least that's what I like to say myself. With my confident smile, I'm bound to bring one to your face too.", + "ch": "Hoi, ig bi dr HasiGott.\nIg bi dr Gröscht, Wysischt und Kuschligscht vo allne – zumindescht behaupte ig das gern sälber. Mit mim sälbstbewusste Lächle bring ig di garantiert zum Schmunzle.", + "fr": "Bonjour, je suis HasiGott.\nJe suis le plus grand, le plus sage et le plus câlin de tous — enfin, c'est ce que j'aime dire moi-même. Avec mon sourire plein d'assurance, je suis sûr de te faire sourire aussi." + } + }, + { + "slug": "mama", + "name": { "de": "Mama Hase", "en": "Mama Hase", "ch": "Mama Hase", "fr": "Maman Lapine" }, + "vorstellung": { + "de": "Hallo, ich bin Mama Hase.\nIch halte meine Familie mit ganz viel Liebe und einem offenen Herzen zusammen. Bei mir findest du immer ein warmes Plätzchen zum Ankuscheln.", + "en": "Hello, I'm Mama Hase.\nI hold my family together with lots of love and an open heart. With me, you'll always find a warm spot to cuddle up.", + "ch": "Hoi, ig bi d'Mama Hase.\nIg haltä mini Familie mit ganz viel Liebi und emenä offene Härz zäme. Bi mir findsch du immer es warms Plätzli zum Aakuschle.", + "fr": "Bonjour, je suis Maman Lapine.\nJe tiens ma famille unie avec beaucoup d'amour et un cœur ouvert. Avec moi, tu trouveras toujours un coin douillet pour te blottir." + } + } + ] }, { - "slug": "hase-hasigott", - "name": { - "de": "Hase „HasiGott”", - "en": "Bunny \"HasiGott\"", - "ch": "Hase „HasiGott”", - "fr": "Lapin « HasiGott »" - }, - "vorstellung": { - "de": "Hallo, ich bin HasiGott.\nIch bin der Größte, Weiseste und Kuscheligste von allen – zumindest behaupte ich das gerne selbst. Mit meinem selbstbewussten Lächeln bringe ich dich garantiert zum Schmunzeln.", - "en": "Hello, I'm HasiGott.\nI'm the biggest, wisest and cuddliest of them all — or at least that's what I like to say myself. With my confident smile, I'm bound to bring one to your face too.", - "ch": "Hoi, ig bi dr HasiGott.\nIg bi dr Gröscht, Wysischt und Kuschligscht vo allne – zumindescht behaupte ig das gern sälber. Mit mim sälbstbewusste Lächle bring ig di garantiert zum Schmunzle.", - "fr": "Bonjour, je suis HasiGott.\nJe suis le plus grand, le plus sage et le plus câlin de tous — enfin, c'est ce que j'aime dire moi-même. Avec mon sourire plein d'assurance, je suis sûr de te faire sourire aussi." - } + "slug": "wal", + "name": { "de": "Wal", "en": "Whale", "ch": "Wal", "fr": "Baleine" }, + "characters": [ + { + "slug": "sam", + "name": { "de": "Sam", "en": "Sam", "ch": "Sam", "fr": "Sam" }, + "vorstellung": { + "de": "Hallo, ich bin Sam.\nIch träume von großen Abenteuern im tiefblauen Meer und trage dabei unzählige Geschichten in meinem Herzen. Egal wohin die Reise geht – ich schwimme als treuer Freund immer an deiner Seite.", + "en": "Hello, I'm Sam.\nI dream of great adventures in the deep blue sea, carrying countless stories in my heart. Wherever the journey leads, I'll always be swimming loyally by your side.", + "ch": "Hoi, ig bi dr Sam.\nIg treume vo grosse Abentür im tiefblaue Meer und trage derbi zahllosi Gschichte i mim Härz. Wo o immer d'Reis higoht – ig schwimme als treue Fründ immer a dinere Site.", + "fr": "Bonjour, je suis Sam.\nJe rêve de grandes aventures dans les profondeurs bleues de l'océan, portant d'innombrables histoires dans mon cœur. Où que le voyage te mène, je nage toujours fidèlement à tes côtés." + } + } + ] }, { - "slug": "hase-mama", - "name": { - "de": "Hase „Mama Hase”", - "en": "Bunny \"Mama Hase\"", - "ch": "Hase „Mama Hase”", - "fr": "Lapin « Maman Lapine »" - }, - "vorstellung": { - "de": "Hallo, ich bin Mama Hase.\nIch halte meine Familie mit ganz viel Liebe und einem offenen Herzen zusammen. Bei mir findest du immer ein warmes Plätzchen zum Ankuscheln.", - "en": "Hello, I'm Mama Hase.\nI hold my family together with lots of love and an open heart. With me, you'll always find a warm spot to cuddle up.", - "ch": "Hoi, ig bi d'Mama Hase.\nIg haltä mini Familie mit ganz viel Liebi und emenä offene Härz zäme. Bi mir findsch du immer es warms Plätzli zum Aakuschle.", - "fr": "Bonjour, je suis Maman Lapine.\nJe tiens ma famille unie avec beaucoup d'amour et un cœur ouvert. Avec moi, tu trouveras toujours un coin douillet pour te blottir." - } + "slug": "oktopus", + "name": { "de": "Oktopus", "en": "Octopus", "ch": "Oktopus", "fr": "Poulpe" }, + "characters": [ + { + "slug": "siggi", + "name": { "de": "Siggi", "en": "Siggi", "ch": "Siggi", "fr": "Siggi" }, + "vorstellung": { + "de": "Hallo, ich bin Siggi.\nIch habe immer alle Arme voll zu tun, finde aber trotzdem Zeit für eine liebevolle Umarmung. Mit meiner fröhlichen Art zaubere ich dir selbst an grauen Tagen ein Lächeln ins Gesicht.", + "en": "Hello, I'm Siggi.\nMy arms are always full, but I still find time for a loving hug. With my cheerful nature, I can bring a smile to your face even on grey days.", + "ch": "Hoi, ig bi dr Siggi.\nIg ha immer alli Arm voll z'tue, find aber trotzdäm Zit für e liebevolli Umarmig. Mit minere fröhleche Art zauberi der sogar a graue Täg es Lächle is Gsicht.", + "fr": "Bonjour, je suis Siggi.\nJ'ai toujours les bras occupés, mais je trouve quand même le temps pour un câlin plein de tendresse. Avec ma bonne humeur, je fais naître un sourire même les jours gris." + } + } + ] }, { - "slug": "wal-sam", - "name": { - "de": "Wal „Sam”", - "en": "Whale \"Sam\"", - "ch": "Wal „Sam”", - "fr": "Baleine « Sam »" - }, - "vorstellung": { - "de": "Hallo, ich bin Sam.\nIch träume von großen Abenteuern im tiefblauen Meer und trage dabei unzählige Geschichten in meinem Herzen. Egal wohin die Reise geht – ich schwimme als treuer Freund immer an deiner Seite.", - "en": "Hello, I'm Sam.\nI dream of great adventures in the deep blue sea, carrying countless stories in my heart. Wherever the journey leads, I'll always be swimming loyally by your side.", - "ch": "Hoi, ig bi dr Sam.\nIg treume vo grosse Abentür im tiefblaue Meer und trage derbi zahllosi Gschichte i mim Härz. Wo o immer d'Reis higoht – ig schwimme als treue Fründ immer a dinere Site.", - "fr": "Bonjour, je suis Sam.\nJe rêve de grandes aventures dans les profondeurs bleues de l'océan, portant d'innombrables histoires dans mon cœur. Où que le voyage te mène, je nage toujours fidèlement à tes côtés." - } + "slug": "schildkroete", + "name": { "de": "Schildkröte", "en": "Turtle", "ch": "Schildchröte", "fr": "Tortue" }, + "characters": [ + { + "slug": "gaby", + "name": { "de": "Gaby", "en": "Gaby", "ch": "Gaby", "fr": "Gaby" }, + "vorstellung": { + "de": "Hallo, ich bin Gaby.\nIch zeige, dass man nichts überstürzen muss, denn jedes Ziel erreicht man Schritt für Schritt. Mit meiner ruhigen Art schenke ich Geborgenheit und Gelassenheit.", + "en": "Hello, I'm Gaby.\nI show that there's no need to rush — every goal is reached step by step. With my calm nature, I bring comfort and ease.", + "ch": "Hoi, ig bi d'Gaby.\nIg zeig, dass me nüt überstürze muess, wills jedes Ziel Schritt für Schritt erreicht wird. Mit minere ruhige Art schänke ig Gborgeheit und Gelassehei.", + "fr": "Bonjour, je suis Gaby.\nJe montre qu'il ne faut rien précipiter, car chaque but s'atteint pas à pas. Avec mon calme, j'apporte réconfort et sérénité." + } + } + ] }, { - "slug": "oktopus-siggi", - "name": { - "de": "Oktopus „Siggi”", - "en": "Octopus \"Siggi\"", - "ch": "Oktopus „Siggi”", - "fr": "Poulpe « Siggi »" - }, - "vorstellung": { - "de": "Hallo, ich bin Siggi.\nIch habe immer alle Arme voll zu tun, finde aber trotzdem Zeit für eine liebevolle Umarmung. Mit meiner fröhlichen Art zaubere ich dir selbst an grauen Tagen ein Lächeln ins Gesicht.", - "en": "Hello, I'm Siggi.\nMy arms are always full, but I still find time for a loving hug. With my cheerful nature, I can bring a smile to your face even on grey days.", - "ch": "Hoi, ig bi dr Siggi.\nIg ha immer alli Arm voll z'tue, find aber trotzdäm Zit für e liebevolli Umarmig. Mit minere fröhleche Art zauberi der sogar a graue Täg es Lächle is Gsicht.", - "fr": "Bonjour, je suis Siggi.\nJ'ai toujours les bras occupés, mais je trouve quand même le temps pour un câlin plein de tendresse. Avec ma bonne humeur, je fais naître un sourire même les jours gris." - } - }, - { - "slug": "schildkroete-gaby", - "name": { - "de": "Schildkröte „Gaby”", - "en": "Turtle \"Gaby\"", - "ch": "Schildchröte „Gaby”", - "fr": "Tortue « Gaby »" - }, - "vorstellung": { - "de": "Hallo, ich bin Gaby.\nIch zeige, dass man nichts überstürzen muss, denn jedes Ziel erreicht man Schritt für Schritt. Mit meiner ruhigen Art schenke ich Geborgenheit und Gelassenheit.", - "en": "Hello, I'm Gaby.\nI show that there's no need to rush — every goal is reached step by step. With my calm nature, I bring comfort and ease.", - "ch": "Hoi, ig bi d'Gaby.\nIg zeig, dass me nüt überstürze muess, wills jedes Ziel Schritt für Schritt erreicht wird. Mit minere ruhige Art schänke ig Gborgeheit und Gelassehei.", - "fr": "Bonjour, je suis Gaby.\nJe montre qu'il ne faut rien précipiter, car chaque but s'atteint pas à pas. Avec mon calme, j'apporte réconfort et sérénité." - } - }, - { - "slug": "pinguin-pingi", - "name": { - "de": "Pinguin „Pingi”", - "en": "Penguin \"Pingi\"", - "ch": "Pinguin „Pingi”", - "fr": "Pingouin « Pingi »" - }, - "vorstellung": { - "de": "Hallo, ich bin Pingi.\nIch liebe Schnee, Eis und warme Umarmungen gleichermaßen. Ich beweise jeden Tag, dass ein großes Herz auch im kältesten Winter für Wärme sorgen kann.", - "en": "Hello, I'm Pingi.\nI love snow, ice, and warm hugs in equal measure. Every day I prove that a big heart can bring warmth, even in the coldest winter.", - "ch": "Hoi, ig bi dr Pingi.\nIg lieb Schnee, Eis und warmi Umarmige glich gärn. Ig bewis jede Tag, dass es grosses Härz o im chalteschte Winter für Wärmi sorge cha.", - "fr": "Bonjour, je suis Pingi.\nJ'aime autant la neige et la glace que les câlins tout doux. Chaque jour, je prouve qu'un grand cœur peut réchauffer même l'hiver le plus froid." - } + "slug": "pinguin", + "name": { "de": "Pinguin", "en": "Penguin", "ch": "Pinguin", "fr": "Pingouin" }, + "characters": [ + { + "slug": "pingi", + "name": { "de": "Pingi", "en": "Pingi", "ch": "Pingi", "fr": "Pingi" }, + "vorstellung": { + "de": "Hallo, ich bin Pingi.\nIch liebe Schnee, Eis und warme Umarmungen gleichermaßen. Ich beweise jeden Tag, dass ein großes Herz auch im kältesten Winter für Wärme sorgen kann.", + "en": "Hello, I'm Pingi.\nI love snow, ice, and warm hugs in equal measure. Every day I prove that a big heart can bring warmth, even in the coldest winter.", + "ch": "Hoi, ig bi dr Pingi.\nIg lieb Schnee, Eis und warmi Umarmige glich gärn. Ig bewis jede Tag, dass es grosses Härz o im chalteschte Winter für Wärmi sorge cha.", + "fr": "Bonjour, je suis Pingi.\nJ'aime autant la neige et la glace que les câlins tout doux. Chaque jour, je prouve qu'un grand cœur peut réchauffer même l'hiver le plus froid." + } + } + ] } ] } diff --git a/src/content/products/bastel-starterset.json b/src/content/products/bastel-starterset.json index 13c2ecd..74277c2 100644 --- a/src/content/products/bastel-starterset.json +++ b/src/content/products/bastel-starterset.json @@ -11,7 +11,8 @@ }, "artikelnummer": "BAS-050", "kategorie": "diy-plushies", - "unterkategorie": "hase-hasidog", + "unterkategorie": "hase", + "charakter": "hasidog", "preis": 25, "preisAlt": 42, "bestand": 2, diff --git a/src/data/categories.ts b/src/data/categories.ts index a43c47e..31d4765 100644 --- a/src/data/categories.ts +++ b/src/data/categories.ts @@ -8,16 +8,28 @@ import type { Locale } from "../i18n/config"; type LocalizedText = Record; -export interface Subcategory { +// Ein einzelner Charakter innerhalb einer Tier-Familie (z.B. "HasiDog" innerhalb der +// Unterkategorie "Hase"). Jede Familie kann beliebig viele Charaktere haben — die Seite +// "wächst" automatisch mit, wenn VanVan hier neue Charaktere ergänzt. +export interface Character { slug: string; name: LocalizedText; - // Persönliche Vorstellung des Charakters (z.B. bei DIY-Plushies-Unterkategorien) — optional, - // wird auf der Unterkategorie-Seite als eigene Box unter der Überschrift angezeigt. + // Persönliche Vorstellung des Charakters — wird als eigene Box mit abwechselnder + // Foto-/Text-Seite auf der Unterkategorie-Seite angezeigt. vorstellung?: LocalizedText; // Optionales Ziel für einen "Mehr über ..."-Button (z.B. HasiDog hat eine eigene Seite). mehrLink?: string; } +export interface Subcategory { + slug: string; + name: LocalizedText; + // Ein oder mehrere Charaktere dieser Tier-Familie — jeder bekommt seine eigene Box auf der + // Unterkategorie-Seite (Foto/Text abwechselnd links/rechts), verknüpft mit dem passenden + // Produkt über Product.charakter (siehe products.ts). + characters?: Character[]; +} + export interface Category { slug: string; order: number; diff --git a/src/data/products.ts b/src/data/products.ts index 34b1762..a429920 100644 --- a/src/data/products.ts +++ b/src/data/products.ts @@ -16,7 +16,11 @@ export interface Product { name: LocalizedText; artikelnummer?: string; kategorie: string; // slug aus categories.ts - unterkategorie?: string; // optionaler Unterkategorie-Slug aus categories.ts + unterkategorie?: string; // optionaler Unterkategorie-Slug aus categories.ts (z.B. "hase") + // Ordnet das Produkt einem bestimmten Charakter innerhalb der Unterkategorie zu (z.B. "hasidog" + // innerhalb der Unterkategorie "hase") — so weiß die Seite, welches Foto/welcher Text zu + // welchem Charakter gehört. Leer lassen, wenn die Unterkategorie nur einen Charakter hat. + charakter?: string; preis: number; // in Euro preisAlt?: number; // falls Sale bestand: number; // 0 = ausverkauft, bleibt trotzdem sichtbar diff --git a/src/pages/ch/hasidog/index.astro b/src/pages/ch/hasidog/index.astro deleted file mode 100644 index 52ae484..0000000 --- a/src/pages/ch/hasidog/index.astro +++ /dev/null @@ -1,34 +0,0 @@ ---- -import Layout from "../../../layouts/Layout.astro"; -import { getCategory, getSubcategory } from "../../../data/categories"; -import type { Locale } from "../../../i18n/config"; -import { useTranslations } from "../../../i18n/ui"; - -const lang: Locale = "ch"; -const t = useTranslations(lang); -const category = getCategory("diy-plushies")!; -const sub = getSubcategory("diy-plushies", "hase-hasidog")!; ---- - -
-
-
- Ghäklets Hase-Plushie HasiDog i blaue Latzhose, im Gras - {t.common.handmadeBadge} -
-
- {category.icon} {category.name[lang]} -

{sub.name[lang]}

- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} -
- )} -
- ← {sub.name[lang]} - {t.common.toShop} -
-
-
-
- diff --git a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro b/src/pages/ch/shop/[kategorie]/[unterkategorie].astro index fad28c3..aa3436e 100644 --- a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro +++ b/src/pages/ch/shop/[kategorie]/[unterkategorie].astro @@ -18,17 +18,24 @@ const { kategorie, unterkategorie } = Astro.params; const category = getCategory(kategorie!)!; const sub = getSubcategory(kategorie!, unterkategorie!)!; -const echtProdukte = productsByUnterkategorie(category.slug, sub.slug); -const featured = echtProdukte[0]; -const weitere = echtProdukte.slice(1); +// Alle Produkte dieser Unterkategorie (unabhängig davon, welchem Charakter sie zugeordnet sind). +const alleProdukte = productsByUnterkategorie(category.slug, sub.slug); -// Innerhalb einer Tier-Familie (gleicher Slug-Präfix vor dem ersten "-", z.B. "hase") wechselt -// die Foto-/Text-Seite ab: 1. Mitglied Foto links, 2. Foto rechts, 3. wieder links, usw. — sorgt -// für optische Abwechslung, sobald mehrere Varianten einer Serie eigene Seiten bekommen. -const familyPrefix = sub.slug.split("-")[0]; -const familyMembers = category.subcategories?.filter((s) => s.slug.split("-")[0] === familyPrefix) ?? []; -const familyIndex = familyMembers.findIndex((s) => s.slug === sub.slug); -const introReverse = familyIndex % 2 === 1; +// Jeder Charakter dieser Tier-Familie bekommt seine eigene Box, abwechselnd Foto links/rechts — +// 1. Charakter links, 2. rechts, 3. wieder links, usw. Sobald VanVan im Adminbereich neue +// Charaktere UND passende Produkte ergänzt, wächst diese Liste automatisch mit. Fehlt einem +// Charakter noch ein echtes Produkt, zeigt seine Box trotzdem schon den Charaktertext (nur ohne +// Foto) — die Seite muss nicht auf das erste Foto warten, um zu existieren. +const characters = sub.characters ?? []; +const characterEntries = characters.map((char, index) => ({ + char, + product: alleProdukte.find((p) => p.charakter === char.slug), + reverse: index % 2 === 1, +})); + +// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter. +const zugeordneteSlugs = new Set(characterEntries.map((e) => e.product?.slug).filter(Boolean)); +const weitere = alleProdukte.filter((p) => !zugeordneteSlugs.has(p.slug)); ---
@@ -43,43 +50,40 @@ const introReverse = familyIndex % 2 === 1;
- {featured ? ( -
-
- - {featured.bilder && featured.bilder.length > 0 ? ( - {featured.name[lang]} + {characterEntries.length > 0 ? ( + characterEntries.map(({ char, product, reverse }) => ( +
+
+ {product ? ( + + {product.bilder && product.bilder.length > 0 ? ( + {product.name[lang]} + ) : ( + + )} + ) : ( - - )} - -
- {sub.vorstellung && {sub.vorstellung[lang].split("\n")[0]}} -

{featured.name[lang]}

-

{sub.vorstellung ? sub.vorstellung[lang].split("\n")[1] : featured.beschreibung[lang]}

- {sub.mehrLink && ( -
-

Wenn du meh über mich wüsse witt, de klick

- da → +
+
)} -
-
-
- ) : ( -
-
- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} - {sub.mehrLink && ( +
+ {char.vorstellung && {char.vorstellung[lang].split("\n")[0]}} +

{product ? {product.name[lang]} : char.name[lang]}

+

{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : (product ? product.beschreibung[lang] : t.shop.subcategoryEmpty)}

+ {char.mehrLink && (

Wenn du meh über mich wüsse witt, de klick

- da → + da →
)}
- )} +
+
+ )) + ) : ( +
+

{t.shop.subcategoryEmpty}

diff --git a/src/pages/en/hasidog/index.astro b/src/pages/en/hasidog/index.astro deleted file mode 100644 index 1e5c2c6..0000000 --- a/src/pages/en/hasidog/index.astro +++ /dev/null @@ -1,34 +0,0 @@ ---- -import Layout from "../../../layouts/Layout.astro"; -import { getCategory, getSubcategory } from "../../../data/categories"; -import type { Locale } from "../../../i18n/config"; -import { useTranslations } from "../../../i18n/ui"; - -const lang: Locale = "en"; -const t = useTranslations(lang); -const category = getCategory("diy-plushies")!; -const sub = getSubcategory("diy-plushies", "hase-hasidog")!; ---- - -
-
-
- Crocheted bunny plushie HasiDog in blue overalls, in the grass - {t.common.handmadeBadge} -
-
- {category.icon} {category.name[lang]} -

{sub.name[lang]}

- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} -
- )} -
- ← {sub.name[lang]} - {t.common.toShop} -
-
-
-
- diff --git a/src/pages/en/shop/[kategorie]/[unterkategorie].astro b/src/pages/en/shop/[kategorie]/[unterkategorie].astro index 215bdf7..c94ba78 100644 --- a/src/pages/en/shop/[kategorie]/[unterkategorie].astro +++ b/src/pages/en/shop/[kategorie]/[unterkategorie].astro @@ -18,17 +18,24 @@ const { kategorie, unterkategorie } = Astro.params; const category = getCategory(kategorie!)!; const sub = getSubcategory(kategorie!, unterkategorie!)!; -const echtProdukte = productsByUnterkategorie(category.slug, sub.slug); -const featured = echtProdukte[0]; -const weitere = echtProdukte.slice(1); +// Alle Produkte dieser Unterkategorie (unabhängig davon, welchem Charakter sie zugeordnet sind). +const alleProdukte = productsByUnterkategorie(category.slug, sub.slug); -// Innerhalb einer Tier-Familie (gleicher Slug-Präfix vor dem ersten "-", z.B. "hase") wechselt -// die Foto-/Text-Seite ab: 1. Mitglied Foto links, 2. Foto rechts, 3. wieder links, usw. — sorgt -// für optische Abwechslung, sobald mehrere Varianten einer Serie eigene Seiten bekommen. -const familyPrefix = sub.slug.split("-")[0]; -const familyMembers = category.subcategories?.filter((s) => s.slug.split("-")[0] === familyPrefix) ?? []; -const familyIndex = familyMembers.findIndex((s) => s.slug === sub.slug); -const introReverse = familyIndex % 2 === 1; +// Jeder Charakter dieser Tier-Familie bekommt seine eigene Box, abwechselnd Foto links/rechts — +// 1. Charakter links, 2. rechts, 3. wieder links, usw. Sobald VanVan im Adminbereich neue +// Charaktere UND passende Produkte ergänzt, wächst diese Liste automatisch mit. Fehlt einem +// Charakter noch ein echtes Produkt, zeigt seine Box trotzdem schon den Charaktertext (nur ohne +// Foto) — die Seite muss nicht auf das erste Foto warten, um zu existieren. +const characters = sub.characters ?? []; +const characterEntries = characters.map((char, index) => ({ + char, + product: alleProdukte.find((p) => p.charakter === char.slug), + reverse: index % 2 === 1, +})); + +// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter. +const zugeordneteSlugs = new Set(characterEntries.map((e) => e.product?.slug).filter(Boolean)); +const weitere = alleProdukte.filter((p) => !zugeordneteSlugs.has(p.slug)); ---
@@ -43,43 +50,40 @@ const introReverse = familyIndex % 2 === 1;
- {featured ? ( -
-
- - {featured.bilder && featured.bilder.length > 0 ? ( - {featured.name[lang]} + {characterEntries.length > 0 ? ( + characterEntries.map(({ char, product, reverse }) => ( +
+
+ {product ? ( + + {product.bilder && product.bilder.length > 0 ? ( + {product.name[lang]} + ) : ( + + )} + ) : ( - - )} - -
- {sub.vorstellung && {sub.vorstellung[lang].split("\n")[0]}} -

{featured.name[lang]}

-

{sub.vorstellung ? sub.vorstellung[lang].split("\n")[1] : featured.beschreibung[lang]}

- {sub.mehrLink && ( -
-

If you'd like to learn more about me, just click

- here → +
+
)} -
-
-
- ) : ( -
-
- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} - {sub.mehrLink && ( +
+ {char.vorstellung && {char.vorstellung[lang].split("\n")[0]}} +

{product ? {product.name[lang]} : char.name[lang]}

+

{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : (product ? product.beschreibung[lang] : t.shop.subcategoryEmpty)}

+ {char.mehrLink && (

If you'd like to learn more about me, just click

- here → + here →
)}
- )} +
+
+ )) + ) : ( +
+

{t.shop.subcategoryEmpty}

diff --git a/src/pages/fr/hasidog/index.astro b/src/pages/fr/hasidog/index.astro deleted file mode 100644 index dcfe04f..0000000 --- a/src/pages/fr/hasidog/index.astro +++ /dev/null @@ -1,34 +0,0 @@ ---- -import Layout from "../../../layouts/Layout.astro"; -import { getCategory, getSubcategory } from "../../../data/categories"; -import type { Locale } from "../../../i18n/config"; -import { useTranslations } from "../../../i18n/ui"; - -const lang: Locale = "fr"; -const t = useTranslations(lang); -const category = getCategory("diy-plushies")!; -const sub = getSubcategory("diy-plushies", "hase-hasidog")!; ---- - -
-
-
- Peluche lapin au crochet HasiDog en salopette bleue, dans l'herbe - {t.common.handmadeBadge} -
-
- {category.icon} {category.name[lang]} -

{sub.name[lang]}

- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} -
- )} -
- ← {sub.name[lang]} - {t.common.toShop} -
-
-
-
- diff --git a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro b/src/pages/fr/shop/[kategorie]/[unterkategorie].astro index 2c1edf2..7e5fa7c 100644 --- a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro +++ b/src/pages/fr/shop/[kategorie]/[unterkategorie].astro @@ -18,17 +18,24 @@ const { kategorie, unterkategorie } = Astro.params; const category = getCategory(kategorie!)!; const sub = getSubcategory(kategorie!, unterkategorie!)!; -const echtProdukte = productsByUnterkategorie(category.slug, sub.slug); -const featured = echtProdukte[0]; -const weitere = echtProdukte.slice(1); +// Alle Produkte dieser Unterkategorie (unabhängig davon, welchem Charakter sie zugeordnet sind). +const alleProdukte = productsByUnterkategorie(category.slug, sub.slug); -// Innerhalb einer Tier-Familie (gleicher Slug-Präfix vor dem ersten "-", z.B. "hase") wechselt -// die Foto-/Text-Seite ab: 1. Mitglied Foto links, 2. Foto rechts, 3. wieder links, usw. — sorgt -// für optische Abwechslung, sobald mehrere Varianten einer Serie eigene Seiten bekommen. -const familyPrefix = sub.slug.split("-")[0]; -const familyMembers = category.subcategories?.filter((s) => s.slug.split("-")[0] === familyPrefix) ?? []; -const familyIndex = familyMembers.findIndex((s) => s.slug === sub.slug); -const introReverse = familyIndex % 2 === 1; +// Jeder Charakter dieser Tier-Familie bekommt seine eigene Box, abwechselnd Foto links/rechts — +// 1. Charakter links, 2. rechts, 3. wieder links, usw. Sobald VanVan im Adminbereich neue +// Charaktere UND passende Produkte ergänzt, wächst diese Liste automatisch mit. Fehlt einem +// Charakter noch ein echtes Produkt, zeigt seine Box trotzdem schon den Charaktertext (nur ohne +// Foto) — die Seite muss nicht auf das erste Foto warten, um zu existieren. +const characters = sub.characters ?? []; +const characterEntries = characters.map((char, index) => ({ + char, + product: alleProdukte.find((p) => p.charakter === char.slug), + reverse: index % 2 === 1, +})); + +// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter. +const zugeordneteSlugs = new Set(characterEntries.map((e) => e.product?.slug).filter(Boolean)); +const weitere = alleProdukte.filter((p) => !zugeordneteSlugs.has(p.slug)); ---
@@ -43,43 +50,40 @@ const introReverse = familyIndex % 2 === 1;
- {featured ? ( -
-
- - {featured.bilder && featured.bilder.length > 0 ? ( - {featured.name[lang]} + {characterEntries.length > 0 ? ( + characterEntries.map(({ char, product, reverse }) => ( +
+
+ {product ? ( + + {product.bilder && product.bilder.length > 0 ? ( + {product.name[lang]} + ) : ( + + )} + ) : ( - - )} - -
- {sub.vorstellung && {sub.vorstellung[lang].split("\n")[0]}} -

{featured.name[lang]}

-

{sub.vorstellung ? sub.vorstellung[lang].split("\n")[1] : featured.beschreibung[lang]}

- {sub.mehrLink && ( -
-

Si tu veux en savoir plus sur moi, clique

- ici → +
+
)} -
-
-
- ) : ( -
-
- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} - {sub.mehrLink && ( +
+ {char.vorstellung && {char.vorstellung[lang].split("\n")[0]}} +

{product ? {product.name[lang]} : char.name[lang]}

+

{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : (product ? product.beschreibung[lang] : t.shop.subcategoryEmpty)}

+ {char.mehrLink && (

Si tu veux en savoir plus sur moi, clique

- ici → + ici →
)}
- )} +
+
+ )) + ) : ( +
+

{t.shop.subcategoryEmpty}

diff --git a/src/pages/hasidog/index.astro b/src/pages/hasidog/index.astro deleted file mode 100644 index 3f34a9c..0000000 --- a/src/pages/hasidog/index.astro +++ /dev/null @@ -1,34 +0,0 @@ ---- -import Layout from "../../layouts/Layout.astro"; -import { getCategory, getSubcategory } from "../../data/categories"; -import type { Locale } from "../../i18n/config"; -import { useTranslations } from "../../i18n/ui"; - -const lang: Locale = "de"; -const t = useTranslations(lang); -const category = getCategory("diy-plushies")!; -const sub = getSubcategory("diy-plushies", "hase-hasidog")!; ---- - -
-
-
- Gehäkeltes Hasen-Plushie HasiDog in blauer Latzhose, im Gras - {t.common.handmadeBadge} -
-
- {category.icon} {category.name[lang]} -

{sub.name[lang]}

- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} -
- )} -
- ← {sub.name[lang]} - {t.common.toShop} -
-
-
-
- diff --git a/src/pages/shop/[kategorie]/[unterkategorie].astro b/src/pages/shop/[kategorie]/[unterkategorie].astro index 81d9eac..0d5172e 100644 --- a/src/pages/shop/[kategorie]/[unterkategorie].astro +++ b/src/pages/shop/[kategorie]/[unterkategorie].astro @@ -18,20 +18,24 @@ const { kategorie, unterkategorie } = Astro.params; const category = getCategory(kategorie!)!; const sub = getSubcategory(kategorie!, unterkategorie!)!; -// Sobald VanVan im Adminbereich ein echtes Produkt dieser Unterkategorie zuordnet, wird es -// hier automatisch featured angezeigt (echtes Foto + ihr echter Text) statt des generischen -// Platzhaltertexts. -const echtProdukte = productsByUnterkategorie(category.slug, sub.slug); -const featured = echtProdukte[0]; -const weitere = echtProdukte.slice(1); +// Alle Produkte dieser Unterkategorie (unabhängig davon, welchem Charakter sie zugeordnet sind). +const alleProdukte = productsByUnterkategorie(category.slug, sub.slug); -// Innerhalb einer Tier-Familie (gleicher Slug-Präfix vor dem ersten "-", z.B. "hase") wechselt -// die Foto-/Text-Seite ab: 1. Mitglied Foto links, 2. Foto rechts, 3. wieder links, usw. — sorgt -// für optische Abwechslung, sobald mehrere Varianten einer Serie eigene Seiten bekommen. -const familyPrefix = sub.slug.split("-")[0]; -const familyMembers = category.subcategories?.filter((s) => s.slug.split("-")[0] === familyPrefix) ?? []; -const familyIndex = familyMembers.findIndex((s) => s.slug === sub.slug); -const introReverse = familyIndex % 2 === 1; +// Jeder Charakter dieser Tier-Familie bekommt seine eigene Box, abwechselnd Foto links/rechts — +// 1. Charakter links, 2. rechts, 3. wieder links, usw. Sobald VanVan im Adminbereich neue +// Charaktere UND passende Produkte ergänzt, wächst diese Liste automatisch mit. Fehlt einem +// Charakter noch ein echtes Produkt, zeigt seine Box trotzdem schon den Charaktertext (nur ohne +// Foto) — die Seite muss nicht auf das erste Foto warten, um zu existieren. +const characters = sub.characters ?? []; +const characterEntries = characters.map((char, index) => ({ + char, + product: alleProdukte.find((p) => p.charakter === char.slug), + reverse: index % 2 === 1, +})); + +// Produkte ohne (bekannte) Charakter-Zuordnung landen als "weitere Modelle" darunter. +const zugeordneteSlugs = new Set(characterEntries.map((e) => e.product?.slug).filter(Boolean)); +const weitere = alleProdukte.filter((p) => !zugeordneteSlugs.has(p.slug)); ---
@@ -46,43 +50,40 @@ const introReverse = familyIndex % 2 === 1;
- {featured ? ( -
-
- - {featured.bilder && featured.bilder.length > 0 ? ( - {featured.name[lang]} + {characterEntries.length > 0 ? ( + characterEntries.map(({ char, product, reverse }) => ( +
+
+ {product ? ( + + {product.bilder && product.bilder.length > 0 ? ( + {product.name[lang]} + ) : ( + + )} + ) : ( - - )} - -
- {sub.vorstellung && {sub.vorstellung[lang].split("\n")[0]}} -

{featured.name[lang]}

-

{sub.vorstellung ? sub.vorstellung[lang].split("\n")[1] : featured.beschreibung[lang]}

- {sub.mehrLink && ( -
-

Wenn du mehr über mich erfahren möchtest, dann klicke

- hier → +
+
)} -
-
-
- ) : ( -
-
- {sub.vorstellung && ( -
- {sub.vorstellung[lang].split("\n").map((line) =>

{line}

)} - {sub.mehrLink && ( +
+ {char.vorstellung && {char.vorstellung[lang].split("\n")[0]}} +

{product ? {product.name[lang]} : char.name[lang]}

+

{char.vorstellung ? char.vorstellung[lang].split("\n")[1] : (product ? product.beschreibung[lang] : t.shop.subcategoryEmpty)}

+ {char.mehrLink && (

Wenn du mehr über mich erfahren möchtest, dann klicke

- hier → + hier →
)}
- )} +
+
+ )) + ) : ( +
+

{t.shop.subcategoryEmpty}