Benutzerdefiniertes Design auf Captcha

Shoporama zeigt automatisch ein Captcha an, wenn ein Nutzer eine E-Mail-Adresse übermittelt, ohne angemeldet zu sein (z. B. über das Kontaktformular oder bei einer Lagerbestandsbenachrichtigung). Sie können das Erscheinungsbild des Captchas anpassen, indem Sie eine eigene Vorlagendatei erstellen.

Wann wird das Captcha angezeigt?

Das Captcha wird automatisch ausgelöst, wenn:

• Ein Nutzer ein Formular mit E-Mail-Adresse absendet, ohne angemeldet zu sein
• Der Nutzer einen leeren Warenkorb hat oder gar keinen Warenkorb
• der Anfrage ein HTTP-Referer fehlt (verdächtige Übermittlung)
• Anmeldung für Bestandsbenachrichtigungen (Out-of-Stock-Anmeldung)

So erstellen Sie Ihr eigenes Captcha

Erstellen Sie die Datei „captcha.html“ in Ihrem Theme:

• Smarty-4-Themes — templates/captcha.html
• Smarty-2-Themes — „captcha.html“ im Theme-Stammverzeichnis

Verfügbare Variablen

Beispiel (Smarty 4)

<form action="" method="post">
  <{$form}>

  <{if $error}>
    <p>Falscher Code – bitte versuche es erneut.</p>
  <{/if}>

  <img src="<{$imgstr}>" alt="Captcha">

  <input type="text" name="c" autocomplete="off"
         maxlength="3" autofocus>

  <button type="submit">Bestätigen</button>
</form>

Automatisches Absenden nach 3 Zeichen

Die meisten Themes senden das Formular automatisch ab, sobald der Benutzer 3 Zeichen eingegeben hat. Das kannst du mit folgendem JavaScript implementieren:

document.querySelector('input[name="c"]')
  .addEventListener('input', function() {
    if (this.value.length === 3) {
      this.closest('form').submit();
    }
  });

Du kannst die Captcha-Seite mit CSS frei gestalten, solange die drei erforderlichen Elemente vorhanden sind: <{$form}>, das Bild von <{$imgstr}>und das Eingabefeld mit name="c".

Benötigen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.