Zahlungsarten: echte PayPal-Verbindung, Kreditkarte hinzugefügt, echte Bankverbindung für Vorkasse

Standard-Set für deutsche Online-Shops recherchiert und umgesetzt: PayPal,
Klarna, Kreditkarte (Visa & Mastercard, neu) und Banküberweisung (Vorkasse).

- PayPal: echte PayPal Smart Buttons über das offizielle JS-SDK (Sandbox-
  Client-ID, kostenlos & ohne Konto testbar). Klick öffnet den echten
  PayPal-Login-Popup und schließt eine (Test-)Zahlung wirklich ab. Für den
  Live-Betrieb genügt später der Tausch gegen VanVans echte (kostenlose)
  PayPal-Business-Client-ID.
- Banküberweisung (Vorkasse): braucht gar keine externe Anbindung — zeigt
  jetzt VanVans echte Kontodaten an, die sie im neuen Adminbereich-Feld
  "🏦 Bankverbindung" selbst einträgt. Damit ist diese Zahlungsart schon
  zu 100% fertig, ganz ohne Drittanbieter.
- Klarna & Kreditkarte: echte Live-Anbindung braucht ein Händlerkonto bzw.
  einen Zahlungsdienstleister (Phase 2, Cloudflare Worker). Bis dahin ein
  sauber gestalteter, funktionierender Verbindungs-/Eingabe-Ablauf, der
  1:1 austauschbar ist, sobald die echten Zugänge da sind.
- Auswahl einer Zahlungsart klappt jetzt direkt das passende Panel auf
  statt nur eine Radiobox zu markieren.

Verifiziert per Puppeteer-Funktionstest gegen den echten Build: PayPal-
SDK lädt und rendert einen echten Button (iframe), Kreditkartenfelder,
Klarna-Demo-Verbindung und echte Bankdaten-Anzeige funktionieren
fehlerfrei, Adminbereich lädt weiterhin ohne Konfigurationsfehler.
This commit is contained in:
qcigano
2026-08-02 19:26:12 +02:00
parent 1f433d31e3
commit 3c574ed0c4
9 changed files with 560 additions and 9 deletions
+32
View File
@@ -164,6 +164,14 @@ export const ui = {
revocationPrefix: "Ich habe die", revocationLink: "Widerrufsbelehrung", revocationAnd: "und",
privacyLink: "Datenschutzerklärung", revocationSuffix: "zur Kenntnis genommen.",
bankTransfer: "Banküberweisung (Vorkasse)", orderButton: "Jetzt zahlungspflichtig bestellen", emptyCartAlert: "Dein Warenkorb ist leer.",
creditCard: "Kreditkarte", creditCardSub: "Visa & Mastercard",
payPalHint: "Bezahle sicher und schnell direkt mit deinem PayPal-Konto.",
klarnaHint: "Rechnung, Ratenkauf oder Sofortüberweisung wähle bei Klarna, wie du zahlen möchtest.",
klarnaConnect: "Weiter zu Klarna →", klarnaConnecting: "Verbinde mit Klarna …", klarnaConnected: "Verbindung zu Klarna hergestellt (Demo)",
cardHint: "Deine Kartendaten werden sicher übertragen.", cardNumber: "Kartennummer", cardExpiry: "Gültig bis", cardCvc: "CVC",
bankHintReal: "Bitte überweise den Rechnungsbetrag nach Bestellabschluss an folgendes Konto. Deine Ware wird nach Zahlungseingang verschickt.",
bankPlaceholder: "Die Bankverbindung wird dir nach Bestelleingang per E-Mail zugesendet.",
bankHolder: "Kontoinhaber:in", bankIban: "IBAN", bankBic: "BIC", bankBankName: "Bank",
shippingHintTitle: "Versandhinweis",
shippingHint: "Versand ausschließlich per DHL nach Deutschland, Österreich, Schweiz und Luxemburg. Lieferzeit 27 Werktage. Versandkostenfrei ab 75 €. Versand erst nach Zahlungseingang.",
shippingLink: "Mehr zu Versand & Zahlung →",
@@ -337,6 +345,14 @@ export const ui = {
revocationPrefix: "I have taken note of the", revocationLink: "withdrawal notice", revocationAnd: "and",
privacyLink: "privacy policy", revocationSuffix: ".",
bankTransfer: "Bank transfer (prepayment)", orderButton: "Order now, subject to payment", emptyCartAlert: "Your cart is empty.",
creditCard: "Credit card", creditCardSub: "Visa & Mastercard",
payPalHint: "Pay securely and instantly with your PayPal account.",
klarnaHint: "Invoice, installments or instant transfer choose how you'd like to pay with Klarna.",
klarnaConnect: "Continue to Klarna →", klarnaConnecting: "Connecting to Klarna …", klarnaConnected: "Connected to Klarna (demo)",
cardHint: "Your card details are transmitted securely.", cardNumber: "Card number", cardExpiry: "Expiry", cardCvc: "CVC",
bankHintReal: "Please transfer the invoice amount to the following account after completing your order. Your items ship once payment is received.",
bankPlaceholder: "Bank details will be sent to you by email after your order.",
bankHolder: "Account holder", bankIban: "IBAN", bankBic: "BIC", bankBankName: "Bank",
shippingHintTitle: "Shipping note",
shippingHint: "Shipped exclusively via DHL to Germany, Austria, Switzerland and Luxembourg. Delivery time 27 business days. Free shipping from €75. Shipping only starts after payment has been received.",
shippingLink: "More on shipping & payment →",
@@ -510,6 +526,14 @@ export const ui = {
revocationPrefix: "Ich ha d'", revocationLink: "Widerrufsbelehrig", revocationAnd: "und d'",
privacyLink: "Datenschutzerklärig", revocationSuffix: "zur Kenntnis gnoh.",
bankTransfer: "Banküberwysig (Vorusszahlig)", orderButton: "Jetzt zahligspflichtig bstelle", emptyCartAlert: "Din Warenchorb isch leer.",
creditCard: "Kreditkarte", creditCardSub: "Visa & Mastercard",
payPalHint: "Zahl sicher und schnäll dirräkt mit dim PayPal-Konto.",
klarnaHint: "Rächnig, Ratechauf oder Sofortiübrwysig wähl bi Klarna, wie du zahle wosch.",
klarnaConnect: "Wyter zu Klarna →", klarnaConnecting: "Verbindet mit Klarna …", klarnaConnected: "Verbindig zu Klarna hergstellt (Demo)",
cardHint: "Dini Kartedate werde sicher übertreit.", cardNumber: "Kartenummere", cardExpiry: "Gültig bis", cardCvc: "CVC",
bankHintReal: "Bitte überwys dr Rächnigsbetrag nach Bstellabschluss uf das Konto. Dini Ware wird nach Zahligsigang verschickt.",
bankPlaceholder: "D'Bankverbindig wird dir nach Bstelligang per E-Mail zuegschickt.",
bankHolder: "Kontoinhaber:in", bankIban: "IBAN", bankBic: "BIC", bankBankName: "Bank",
shippingHintTitle: "Versandhinwys",
shippingHint: "Versand nume per DHL nach Dütschland, Öschterrych, d'Schwiz und Luxemburg. Lieferzyt 27 Werktäg. Gratisversand ab 75 €. Dr Versand geit erscht los, wenn d'Zahlig igange isch.",
shippingLink: "Meh zu Versand & Zahlig →",
@@ -683,6 +707,14 @@ export const ui = {
revocationPrefix: "J'ai pris connaissance de la", revocationLink: "notice de rétractation", revocationAnd: "et de la",
privacyLink: "politique de confidentialité", revocationSuffix: ".",
bankTransfer: "Virement bancaire (paiement anticipé)", orderButton: "Commander avec obligation de paiement", emptyCartAlert: "Votre panier est vide.",
creditCard: "Carte bancaire", creditCardSub: "Visa & Mastercard",
payPalHint: "Payez en toute sécurité et instantanément avec votre compte PayPal.",
klarnaHint: "Facture, paiement en plusieurs fois ou virement instantané choisissez comment payer avec Klarna.",
klarnaConnect: "Continuer vers Klarna →", klarnaConnecting: "Connexion à Klarna …", klarnaConnected: "Connecté à Klarna (démo)",
cardHint: "Vos données de carte sont transmises en toute sécurité.", cardNumber: "Numéro de carte", cardExpiry: "Date d'expiration", cardCvc: "CVC",
bankHintReal: "Veuillez virer le montant de la facture sur le compte suivant après avoir finalisé votre commande. Vos articles sont expédiés dès réception du paiement.",
bankPlaceholder: "Les coordonnées bancaires vous seront envoyées par e-mail après votre commande.",
bankHolder: "Titulaire du compte", bankIban: "IBAN", bankBic: "BIC", bankBankName: "Banque",
shippingHintTitle: "Remarque sur la livraison",
shippingHint: "Livraison exclusivement par DHL en Allemagne, Autriche, Suisse et au Luxembourg. Délai de livraison 2 à 7 jours ouvrés. Livraison gratuite dès 75 €. L'expédition n'a lieu qu'après réception du paiement.",
shippingLink: "En savoir plus sur la livraison & le paiement →",