Custom Textfeld auf der Produktseite als Pflichtfeld machen im Code?

Topic summary

Ein Nutzer möchte ein selbst programmiertes Textfeld auf der Produktseite als Pflichtfeld einrichten, damit Kunden das Produkt nur mit ausgefülltem Feld in den Warenkorb legen können.

Bisherige Lösungsansätze:

  • Verwendung des required-Attributs im HTML-Input-Element
  • Platzierung des Textfelds innerhalb des <form>-Tags mit dem “In den Warenkorb”-Button
  • Entfernung des novalidate-Attributs aus dem Formular, das die Pflichtfeld-Validierung verhindert

Aktuelles Problem:
Trotz Anpassungen funktioniert die Pflichtfeld-Validierung nicht wie gewünscht. Das Textfeld lässt sich weiterhin umgehen. Der Code wurde im Ride Theme in der Datei main-custom2-produkt.liquid eingefügt.

Empfohlene nächste Schritte:

  • Code in buy-button.liquid (snippets) verschieben
  • novalidate-Attribut aus der Formular-Definition entfernen
  • Prüfen, ob JavaScript-Code die Standard-Validierung überschreibt
  • Developer Console nutzen, um zu verifizieren, dass das required-Attribut nicht durch CSS/JS entfernt wird

Der Nutzer arbeitet zusätzlich mit einer Personalisierungs-App, bei der die Validierung teilweise funktioniert.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.

@Litecard ok, meine Frage war etwas unspezifisch: An welcher Stelle im Liquid Code (Datei und Zeile), hast du den Code eingefügt? Kannst du mir das Snippet oder die Section nennen?

Wenn du mir noch dein Theme nennen kannst, würde das auch helfen.