From c9a93700395256ccae063fb42337ff7b151ac146 Mon Sep 17 00:00:00 2001 From: qcigano Date: Mon, 3 Aug 2026 11:41:03 +0200 Subject: [PATCH] =?UTF-8?q?Checkout=20&=20Login:=20echte=20Markenlogos=20s?= =?UTF-8?q?tatt=20Platzhaltern,=20Vorschau-Link=20f=C3=BCrs=20Kundenkonto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Nach Recherche zu den Markenrichtlinien von PayPal, Klarna, Visa und Mastercard: Zahlungsoptionen im Checkout zeigen jetzt echte Markenlogos in den offiziellen Farben (PayPal- und Klarna-Icon, Visa-Wortmarke auf Weiß, Mastercard-Kreise in Rot/Orange unverändert nebeneinander) statt grober Buchstaben-/Emoji-Platzhalter — genau die Verwendung, die die jeweiligen Markenrichtlinien für die Kennzeichnung akzeptierter Zahlungsarten vorsehen. Dieselbe PayPal-Grafik jetzt auch beim Social-Login auf der Anmeldeseite statt eines schlichten "P". Zusätzlich: Ein Vorschau-Link auf der Anmeldeseite meldet mit einem Demo- Konto an und führt direkt zum Kundenbereich-Dashboard — bleibt dauerhaft erreichbar, damit VanVan und wir jederzeit sehen können, wie der Bereich für angemeldete Kund:innen aussieht, ohne das Formular jedes Mal auszufüllen. Der Phase-1-Demo-Hinweis auf Checkout- und Anmeldeseite steht jetzt am Ende der Seite statt direkt unter der Überschrift, damit zuerst der fertige, professionelle Eindruck zählt. Co-Authored-By: Claude Sonnet 5 --- src/i18n/ui.ts | 8 +++++++ src/pages/ch/checkout/index.astro | 36 +++++++++++++++++++++++++------ src/pages/ch/konto/index.astro | 32 ++++++++++++++++++++++++--- src/pages/checkout/index.astro | 36 +++++++++++++++++++++++++------ src/pages/en/checkout/index.astro | 36 +++++++++++++++++++++++++------ src/pages/en/konto/index.astro | 32 ++++++++++++++++++++++++--- src/pages/fr/checkout/index.astro | 36 +++++++++++++++++++++++++------ src/pages/fr/konto/index.astro | 32 ++++++++++++++++++++++++--- src/pages/konto/index.astro | 32 ++++++++++++++++++++++++--- src/styles/global.css | 24 ++++++++++++++++++--- 10 files changed, 261 insertions(+), 43 deletions(-) diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts index 24f76e2..c4bfd47 100644 --- a/src/i18n/ui.ts +++ b/src/i18n/ui.ts @@ -215,6 +215,8 @@ export const ui = { showPassword: "Passwort anzeigen", hidePassword: "Passwort verbergen", rememberMe: "Angemeldet bleiben", consentPrefix: "Mit der Anmeldung akzeptierst du unsere", consentLink: "Datenschutzerklärung", consentSuffix: ".", + previewLink: "👁 Vorschau: So sieht der Bereich für angemeldete Kund:innen aus", + previewName: "Marie L.", }, accountDash: { eyebrow: "Mein Konto", greeting: (name: string) => `Hallo ${name} 🩵`, lead: "Schön, dass du wieder da bist. Hier findest du alle deine Bestellungen, deine Wunschliste und deine Daten auf einen Blick.", @@ -443,6 +445,8 @@ export const ui = { showPassword: "Show password", hidePassword: "Hide password", rememberMe: "Keep me signed in", consentPrefix: "By signing in you accept our", consentLink: "privacy policy", consentSuffix: ".", + previewLink: "👁 Preview: what signed-in customers see", + previewName: "Marie L.", }, accountDash: { eyebrow: "My Account", greeting: (name: string) => `Hello ${name} 🩵`, lead: "Good to see you again. Here you'll find all your orders, your wishlist and your details at a glance.", @@ -671,6 +675,8 @@ export const ui = { showPassword: "Passwort azeige", hidePassword: "Passwort verstecke", rememberMe: "Aagmäldet bliebe", consentPrefix: "Mit dr Aamäldig akzeptiersch üsi", consentLink: "Datenschutzerklärig", consentSuffix: ".", + previewLink: "👁 Vorschau: so gseht dr Bereich für aagmäldeti Kund:ine us", + previewName: "Marie L.", }, accountDash: { eyebrow: "Mis Konto", greeting: (name: string) => `Hoi ${name} 🩵`, lead: "Schön, bisch wieder da. Da findsch alli dini Bstellige, dini Wunschlischte und dini Date uf ein Blick.", @@ -899,6 +905,8 @@ export const ui = { showPassword: "Afficher le mot de passe", hidePassword: "Masquer le mot de passe", rememberMe: "Rester connecté(e)", consentPrefix: "En vous connectant, vous acceptez notre", consentLink: "politique de confidentialité", consentSuffix: ".", + previewLink: "👁 Aperçu : ce que voient les client(e)s connecté(e)s", + previewName: "Marie L.", }, accountDash: { eyebrow: "Mon compte", greeting: (name: string) => `Bonjour ${name} 🩵`, lead: "Ravie de vous revoir. Retrouvez ici toutes vos commandes, votre liste de souhaits et vos données en un coup d'œil.", diff --git a/src/pages/ch/checkout/index.astro b/src/pages/ch/checkout/index.astro index bff2dd2..50f3101 100644 --- a/src/pages/ch/checkout/index.astro +++ b/src/pages/ch/checkout/index.astro @@ -11,7 +11,6 @@ const t = useTranslations(lang);
{t.checkout.eyebrow}

{t.checkout.title}

-

{t.checkout.todoNote}

@@ -21,10 +20,18 @@ const t = useTranslations(lang);

{t.checkout.step2}

+ {/* Echte Markenlogos statt Platzhaltern: PayPal- und Klarna-Icon in den offiziellen + Markenfarben, Visa/Mastercard als unveränderte "Acceptance Marks" nebeneinander — + genau die in den jeweiligen Markenrichtlinien vorgesehene Verwendung, um eine + Zahlungsmethode im Checkout auszuweisen (siehe Recherche zu PayPal-/Klarna-/Visa-/ + Mastercard-Markenrichtlinien: Logos dürfen zur Kennzeichnung akzeptierter + Zahlungsarten verwendet werden, Visa/Mastercard aber nur unverändert/unverfälscht). */}
@@ -35,7 +42,9 @@ const t = useTranslations(lang);
@@ -45,10 +54,15 @@ const t = useTranslations(lang);

-
+
@@ -149,6 +165,12 @@ const t = useTranslations(lang);
+ +
+
+

{t.checkout.todoNote}

+
+