Benutzerdefiniertes Design auf Captcha

Shoporama zeigt automatisch ein Captcha an, wenn ein Benutzer eine E-Mail-Adresse angibt, ohne eingeloggt zu sein (z.B. Kontaktformular oder Bestandsmeldung). Sie können das Aussehen des Captchas anpassen, indem Sie Ihre eigene Vorlagendatei erstellen.

Wann wird das Captcha angezeigt?

Das Captcha wird automatisch ausgelöst, wenn:

• Ein Benutzer ein Formular mit E-Mail abschickt, ohne eingeloggt zu sein
• Der Benutzer hat einen leeren Korb oder keinen Korb
• Der Anfrage fehlt ein HTTP-Referer (verdächtiges Senden)
• Die Anmeldung ist nicht auf Lager (Out-of-Stock signup)

Wie Sie Ihr eigenes Captcha erstellen

Erstellen Sie die Datei captcha.html in Ihrem Thema:

• Smarty 4-Themen - templates/captcha.html
• Smarty 2-Themen - captcha.html im Stammverzeichnis des Themas

Verfügbare Variablen

Beispiel (Smarty 4)

<form action="" method="post"> <{$form}> <{if $error}> <p>Falscher Code - versuchen Sie es erneut.</p> <{/if}> <img src="<{$imgstr}>" alt="Captcha"> <input type="text" name="c" autocomplete="off" maxlength="3" autofocus> <button type="submit">Bestätigung</button> </form>

Automatisches Absenden nach 3 Zeichen

Die meisten Themes senden das Formular automatisch ab, nachdem der Benutzer 3 Zeichen eingegeben hat. Sie können dies mit dem folgenden JavaScript implementieren:

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

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

Brauchen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.