Bei shop anmelden Button design ändern

Deutsch Diskussion Shopify Design
,

Topic summary

Anpassung des „Bei Shop anmelden“-Buttons im Horizon Theme.

  • Ziel: Design oder Text des Buttons ändern.
  • Bisherige Erkenntnis: Der Button scheint in der Shop-App hart verdrahtet („fest verankert“) und nicht direkt änderbar.
  • Gesucht: Hinweise auf Drittanbieter-Apps, Workarounds oder Alternativen, um Styling und/oder Text anzupassen; auch Lösungen außerhalb der Standard-Shop-App sind von Interesse.
  • Kontext: Ein Screenshot des Buttons ist beigefügt (wichtig zur visuellen Einordnung).

Stand: Keine Antworten oder Lösung vorhanden; Diskussion offen. Offene Frage: Gibt es Apps, CSS-/Theme-Overrides oder andere Methoden, um den Button im Horizon Theme dennoch anzupassen?

Summarized with AI on December 30. AI used: gpt-5.
1

Hallo zusammen,

Ich benutze das Horizon Theme. Leider bekomme ich es nicht hin das Design oder den Text von dem Button zu ändern.

Nach einer Recherche, ist dieser Button wohl in der Shop App fest verankert und kann nicht geändert werden. Gibt es da 3. Anbieter Apps oder andere Alternativen um den Button zu ändern? Wäre euch dankbar für die Hilfe.

Viele Grüße Andreas

1000039923
10000399231920×1164 106 KB

1 Like
2

Das wird aus dem System von Shopify gerendert und soll die CI von Shopify wahren. Da kannst du nichts ändern.

1 Like
3

Hi @user4346

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

4

Hallo Andreas, das ist in der Tat ein bekanntes Problem beim Horizon Theme und der Shop App Integration. Da dieser Button oft direkt von Shopify ‘ausgespielt’ wird (iFrame), greifen normale Theme-Einstellungen nicht.

Hier sind drei gangige Losungswege:

  • Wenn es dir nur um das Design geht, kannst du den Button im Theme-Editor unter ‘Produktseiten’ ausschalten. Dann bleibt nur der normale ‘In den Warenkorb’-Button , den du voll anpassen kannst.
  • Manchmal lasst sich uber die base.css mit !important Befehlen etwas bewegen, aber das funktioniert bei der Shop App meist nicht.
  • Schau dir Apps wie ‘ReBuy’ oder ‘PageFly’ an. Diese ersetzen den Standard-Button durch eigene Elemente, die du komplett frei gestalten kannst.
5

Hi @user4346
Suchen Sie zuerst, das ist eine Regel und spart Ihnen Zeit, wenn Sie sich diese Gewohnheit aneignen.
Beispiel: Stil des Shop-Zahlungsbuttons (Style Shop Pay Button) https://community.shopify.com/search?q=style+shop+pay+button

Das Anpassen der beschleunigten Checkout-Buttons ist eine fortgeschrittene Anpassung, die den Rahmen dieses Forums sprengt und ohnehin nur begrenzte Anpassungsmöglichkeiten bietet. Dies ist der Kompromiss, wenn Sie Drittanbieter-Marken oder -Systeme in Ihren Shop integrieren.
Konzentrieren Sie sich auf wichtigere Dinge.

Der HTML-Code für die beschleunigten Checkout-Buttons wurde in ein benutzerdefiniertes Element mit einem geschlossenen Shadow DOM verschoben. ~Upgrade accelerated checkout

Original English:

Search first it’s a rule and will save you time with a better habit.
e.g. style shop pay button https://community.shopify.com/search?q=style+shop+pay+button

Messing with accelerated checkout buttons is an advanced customization beyond the scope of the forums and it has limited customizability anyways. This is the tradeoff when adding third party brands or systems to your storefront.
Spend your time on more important matters.

HTML for the accelerated checkout buttons has been moved into a custom element with a closed shadow DOM ~Upgrade accelerated checkout