Google Pay Button in express checkout looks bad - how to change

Topic summary

Problem: Auf Produktseiten sollen mehrere Express-Checkout-Buttons (Google Pay, Apple Pay, Shop Pay, PayPal) dauerhaft angezeigt werden. Nach Einbau von {{ content_for_additional_checkout_buttons }} im Theme (Liquid/CSS) erscheint Google Pay optisch fehlerhaft, während im Checkout der GPay-Button korrekt aussieht.

Aktueller Stand/Beobachtungen:

  • Dynamische Checkout-Buttons (DCB) sind aktiviert, dennoch zeigt das Theme standardmäßig nur PayPal.
  • Alle Zahlungsarten sind in Shopify Payments hinterlegt; weitere Admin-Optionen fehlen.
  • Screenshots (Vergleichsbeispiel, aktuelle Darstellung, Einstellungen) und ein GIF sind zentral für das Verständnis.

Hinweise/Erklärungen (Support):

  • DCB = dynamische Checkout-Buttons; Auswahl/Anzeige wird von Digital Wallets gesteuert (Browser, Kaufhistorie, Region). Eine erzwungene gleichzeitige Anzeige aller vier ist nicht vorgesehen.
  • Verdacht: Eigenes Code-Embedding weicht vom nativen GPay-Setup ab, daher abweichendes Styling.

Empfehlungen/Nächste Schritte:

  • Beispiel-URL bereitstellen oder an den Shopify-Support weiterleiten für eine Analyse des Themes.
  • Erwägung: zertifizierte Experten beauftragen; Hinweise auf mögliche Performance-Einbußen und Wegfall zukünftiger Theme-Updates durch Code-Anpassungen.

Status: Keine Lösung; Anfrage bleibt offen, da ein Beispiel-Link fehlt und das gewünschte Verhalten systembedingt limitiert ist.

Summarized with AI on December 28. AI used: gpt-5.

@Tekimpact

Ah verstehe. Das ist weil das Erscheinen der Buttons von deinem Browser und von dem vergangenen Zahlungsverhalten des User beeinflusst wird. In einen der oben verlinkten Anleitungen wirst du folgendes lesen können:

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink: