Problem mit Anmelde- und Registrierungsformular auf der Website

Deutsch Diskussion Technische Fragen & Antworten
, ,
1

Liebe Shopify-Community,

ich bin neu in der Welt der Webentwicklung und habe vor kurzem versucht, ein Anmelde- und Registrierungsformular auf meiner Website zu implementieren. Ich habe den folgenden HTML- und JavaScript-Code in meine main-login.liquid-Datei eingefügt, um die Formulare anzuzeigen:

ASAP - Anmeldung/Registrierung body { font-family: 'Poppins', sans-serif; background-image: url('[https://via.placeholder.com/800x600](https://via.placeholder.com/800x600)'); /* Hintergrundbild für Vapes */ background-size: cover; background-position: center; color: #fff; margin: 0; padding: 0; } .container { max-width: 400px; margin: 100px auto; padding: 20px; border: 1px solid #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); background-color: rgba(31, 31, 33, 0.7); /* Hintergrundfarbe */ } h1 { text-align: center; } input[type="text"], input[type="email"], input[type="password"] { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type="submit"] { width: 100%; padding: 10px; margin-top: 10px; border: none; border-radius: 4px; background-color: #000; color: #fff; cursor: pointer; } input[type="submit"]:hover { background-color: #333; } .form-group { text-align: center; } .form-group a { color: #fff; text-decoration: none; } .form-group a:hover { text-decoration: underline; } .hidden { display: none; }

ASAP

{% if customer %}

Hallo, {{ customer.first_name }}!

Abmelden

{% else %}

Anmelden | Registrieren

{% endif %}

Passwort vergessen?

Trotzdem haben sowohl das Anmelde- als auch das Registrierungsformular Schwierigkeiten. Beide Formulare werden angezeigt, aber es ist nicht möglich, sich erfolgreich anzumelden, zu registrieren oder das Passwort zurückzusetzen.

Da ich neu in dieser Materie bin, bin ich mir unsicher, ob ich möglicherweise zusätzlichen Code benötige, um diese Funktionen zum Laufen zu bringen, oder ob der vorhandene Code an anderer Stelle implementiert werden muss.

Könnte mir jemand erklären, was möglicherweise fehlt oder falsch ist und wie ich dieses Problem lösen kann? Jede Hilfe oder Anregung wäre äußerst hilfreich und geschätzt.

Ach so hätte ich fast vergessen ich nutze das Theme Ride in Version 12

Vielen Dank im Voraus

Mit Freundlichen Grüßen

Tendler

2

Hey @Tendler

Danke für den Code und wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen.

Das Implementieren von Anmelde- und Registrierungsformularen auf deiner Shopify-Website erfordert spezifische Schritte, die über das einfache Hinzufügen von HTML- und JavaScript-Code hinausgehen. Der von dir bereitgestellte Code ist ein guter Start für das Anzeigen der Formulare, aber für die Funktionen wie Anmeldung, Registrierung oder Passwortzurücksetzung sind weitere API Integrationen erforderlich, die mit der Shopify-Plattform und ihren Authentifizierungssystemen interagieren.

Shopify bietet bereits integrierte Lösungen für Kundenkonten, einschließlich Anmelde- und Registrierungsformulare. Diese Formulare sind sicher und auf die Shopify-Infrastruktur abgestimmt. Beispielsweise kannst du mit der 1P Shopify Forms App ganz tolle Formulare erstellen. Hast du die App ausprobieren können?

Um deinen Code für das Anmelde- und Registrierungsformular auf deiner Shopify Website zu verbessern, statt eigene Anmelde- und Registrierungsformulare komplett neu zu erstellen, solltest du prüfen, ob du die eingebauten Funktionen von Shopify nutzen kannst. Shopify bietet bereits Anmelde- und Registrierungsseiten, die du in deinem Theme anpassen kannst. Wenn du zusätzliche Felder benötigst oder das Aussehen dieser Seiten ändern möchtest, könntest du dies über Theme-Anpassungen oder Apps aus dem Shopify App Store realisieren.

Dein JavaScript-Code schaltet einfach zwischen verschiedenen Formularen um, ohne eine sichere Authentifizierung oder Datenübermittlung zu gewährleisten. Bei der Implementierung von Authentifizierungsprozessen solltest du sicherstellen, dass diese über sichere Methoden erfolgen. Shopify bietet hierfür eigene Lösungen an, um die Sicherheit der Kundendaten zu gewährleisten. Für eine individuelle Implementierung wäre es ratsam, auf sichere API-Anfragen und -Antworten zurückzugreifen.

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