Gelöst Google reCaptcha aus dem Evo-Template entfernen

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Da sich das Thema aktuell wachsender Beliebtheit ;) erfreut, habe ich hier eine "kleine" Anleitung zusammengestellt, wie man im JTL- Shop das Google reCaptcha aus dem Evo-Template entfernt und stattdessen eine der integrierten Captcha-Methoden verwendet.
Ein wenig Handarbeit ist allerdings notwendig. Diese beschränckt sich jedoch auf Änderungen die über ein Child-Template abgebildet werden können. Änderungen am Shop-Core sind nicht notwendig.
Die Anleitung ist keine Copy & Paste - Vorlage, sondern soll als Anleitung und Hinweisgeber für die eigene Anpassung dienen!
Ich gehe davon aus, dass bereits ein Child Template des Evo vorhanden ist und ein aktueller JTL-Shop 4.06 verwendet wird (das Vorgehen gilt jedoch auch für JTL-Shop 4.05, jedoch sind dort ggfs. die angegebenen Zeilennummern abweichend). Wie ein Child-Template angelegt wird, wird hier nicht weiter erläutert. Es sind auch grundlegende Kenntnisse in HTML und PHP notwendig und man sollte wissen was man tut. ;)

Step 1 - Funktion für den alternativen Captcha-Code bereitstellen
Im Child-Template wird dazu ein Verzeichnis php mit einer Datei functions.php und dem folgenden Inhalt angelegt:
PHP:
<?php
/**
 * @global JTLSmarty $smarty
 */

include realpath(__DIR__ . '/../../Evo/php/functions.php');

$smarty->registerPlugin('function', 'getOldCaptchaCode', 'getOldCaptchaCode');

/**
 * @param array     $params
 * @param JTLSmarty $smarty
 * @return stdClass
 */
function getOldCaptchaCode($params, &$smarty)
{
    $result = generiereCaptchaCode($params['code']);

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $result);
    }

    return $result;
}

Step2 - Eine Template-Datei für das alternative Captcha anlegen
Im Child Template wird dazu das Verzeichnis snippets (wenn noch nicht vorhanden) angelegt und darin eine Datei alternative_captcha.tpl mit folgendem Inhalt abgelegt:
HTML:
{getOldCaptchaCode code=3 assign="captchaCode"}
<input type="hidden" name="md5" value="{$captchaCode->codemd5}" id="captcha_md5">
<div class="captcha">
    <img src="{$captchaCode->codeURL}" alt="code" id="captcha" />
</div>
<div class="form-group float-label-control required{if !empty($captchaError)} has-error{/if}">
    <input class="form-control" type="text" name="captcha" tabindex="30" id="captcha_text" placeholder="{lang key="enterCaptcha" section="global"}" />
</div>
{if !empty($captchaError)}
    <div class="form-error-msg text-danger"><i class="fa fa-warning"></i> {lang key="invalidToken" section="global"}</div>
{/if}

Step3 - Alle Templates mit Nutzung des reCaptcha anpassen
Die reCaptcha - Implementation in den Templates ist leider nicht in Smarty-Blöcke gekapselt, so dass die betroffenen Templates komplett, bzw. die jeweils übergeordneten Blöcke aus dem Evo in das Child kopiert werden müssen. Zur Änderung von Templatedateien bitte ggfs. hier: Änderungen an Template-Dateien nachlesen. Die betroffenen Templatedateien sind aktuell:
  • account/login.tpl
  • blog/details.tpl
  • boxes/box_login.tpl
  • checkout/inc_billing_address_form.tpl
  • contact/index.tpl
  • layout/header_shop_nav.tpl
  • newsletter/index.tpl
  • productdetails/availability_notification_form.tpl
  • productdetails/question_on_item.tpl
  • register/form/customer_login.tpl

In allen Dateien muss nach
HTML:
<div class="g-recaptcha" data-sitekey="{$Einstellungen.global.global_google_recaptcha_public}" data-callback="captcha_filled"></div>
gesucht werden. Der komplette div-Container wird dann durch
HTML:
{include file="snippets/alternative_captcha.tpl" captchaError=""}
ersetzt.
Wenn es unterhalb des entfernten reCaptcha-Containers noch Code in der Form:
HTML:
{if isset($fehlendeAngaben.captcha) && $fehlendeAngaben.captcha != false}
    <div class="form-error-msg text-danger"><i class="fa fa-warning"></i>
        {lang key="invalidToken" section="global"}
    </div>
{/if}
gibt, dann kann dieser ebenfalls entfernt werden. Zusätzlich muß dann der Captcha-include leicht geändert werden.
HTML:
{include file="snippets/alternative_captcha.tpl" captchaError=$fehlendeAngaben.captcha}
Die Variable $fehlendeAngaben.captcha kann hierbei in jeder Template-Datei variieren und muß an die Gegebenheiten angepasst werden.

Step4 - Die Funktion renderCaptcha aus jtl.evo.js entfernen
Auch hierfür muß die komplette Originaldatei aus Evo/js/ ins Verzeichnis js des Child kopiert werden. (Falls nicht vorhanden das Verzeichnis js im Child anlegen)
In der kopierten Datei wird der komplette Code:
JavaScript:
renderCaptcha: function(parameters) {
    if (typeof parameters !== 'undefined') {
        this.options.captcha =
            $.extend({}, this.options.captcha, parameters);
    }

    if (typeof grecaptcha === 'undefined' && !this.options.captcha.loaded) {
        this.options.captcha.loaded = true;
        var lang                    = document.documentElement.lang;
        $.getScript("https://www.google.com/recaptcha/api.js?render=explicit&onload=g_recaptcha_callback&hl=" + lang);
    } else {
        $('.g-recaptcha').each(function(index, item) {
            parameters = $.extend({}, $(item).data(), parameters);
            try {
                grecaptcha.render(item, parameters);
            }
            catch(e) { }
        });
    }
    $('.g-recaptcha-response').attr('required', true);
},
ab ca. Zeile 197 entfernt.
Zusätzlich die Aufrufe
JavaScript:
this.renderCaptcha();
in der Funktion register (ab ca. Zeile 438)
und den kompletten Block
JavaScript:
function g_recaptcha_callback() {
    $.evo.renderCaptcha();
}
am Ende der Datei entfernen.

Step5 - Die geänderte jtl.evo.js statt des Originals verwenden
In der template.xml des Child-Templates muss dazu unter <Minify> im Knoten <JS> ein Eintrag
XML:
<File Path="js/jtl.evo.js" override="true"/>
ergänzt werden. Wenn der Knoten <JS> nicht vorhanden ist, dann sieht das Ganze so aus:
XML:
<JS Name="jtl3.js">
    <File Path="js/jtl.evo.js" override="true"/>
</JS>

Das override="true" ist wichtig, da sonst die Datei zweimal eingebunden wird!

Step6 - Eine Sprachvariable für #enterCaptcha# anlegen und alternativen Spamschutz im Backend aktivieren
Damit im Frontend im Eingabefeld nicht #enterCaptcha# erscheint, muß im Backen noch eine entsprechende Sprachvariable für alle installierten Sprachen angelegt werden.
Jetzt muss nur noch im Backend unter System->Globale Einstellungen bei Spamschutz-Methode das "Captcha Sicherheitsstufe 3" aktiviert werden.

Wer jetzt alles richtig gemacht hat, bei dem sieht der JTL-Shop immer noch so aus wie vorher nur statt dem Google reCaptcha wird eine bunte Grafik mit einer Buchstaben/Zahlen-Kombination angezeigt.

Hinweis!
Beim Kopieren der Template-Dateien bitte unbedingt darauf achten, dass nicht bereits vorhandene Anpassungen überschrieben werden! Wenn die o.g. Datein bereits durch euch oder einen Servicepartner angepasst wurden, dann müssen diese Anpassungen berücksichtigt werden! Das Gleiche gilt für die functions.php und die jtl.evo.js. Im Zweifelsfall bitte lieber nochmal nachfragen oder jemanden bitten der sich damit auskennt!
Darüberhinaus übernehme ich keine Gewähr für vollständige Integration und Funktionsfähigkeit des Spamschutzes (Dieser wurde nicht umsonst im Evo ersetzt!). Für Änderungen an einem Child-Template ist zudem jeder selbst verantwortlich. Es sollte also unbedingt vor den Änderungen ein BACKUP der Dateien gemacht werden!
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: JulianG

wo0dle

Aktives Mitglied
6. Oktober 2015
75
12
Moin,

super dank dir, genau danach habe ich gesucht und wollte gerade auf meinen alten Beitrag antworten das ich das Issue nicht mehr finden kann von dir. Schnell ausbauen das google Captcha :D
 

chriz

Aktives Mitglied
17. Januar 2012
12
0
Augsburg
Also im 4.05 Build 6 funktioniert das leider nicht ... auf fehlen teils die oben genannten Dateien bzw. enthaltenen Codestellen.
 

Henson

Gut bekanntes Mitglied
28. Oktober 2006
144
1
Hallo,

leider wird im 4.06-14 kein Captcha und danach auch nichts mehr angezeigt. Gab es hier einschneidende Änderungen?
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Wenn das Captcha nicht angezeigt wird, dann die Funktion getOldCaptchaCode in der eigenen functions.php wie folgt abändern:
PHP:
/**
 * @param array     $params
 * @param JTLSmarty $smarty
 * @return void|stdClass
 */
function getOldCaptchaCode($params, &$smarty)
{
    $result = generiereCaptchaCode($params['code']);

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $result);

        return;
    }

    return $result;
}
 

mobade

Sehr aktives Mitglied
27. Februar 2017
831
150
Chemnitz
Habe es gefunden, Im Backend muss unterEinstellungen: Globale Einstellungen auch der Google reCAPTCHA Websiteschlüssel und der Google reCAPTCHA Geheimer Schlüssel entfernt werden.
 

AndrePiwonka

Offizieller Servicepartner
SPBanner
11. September 2009
18
1
Kann hier jemand das Problem nachstellen, dass wenn ich einmal ein Formular abgeschickt habe, der Captcha inaktiv bleibt?
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Hallo,
das ist ein Feature! Sobald ich mich einmal als "Mensch" identifiziert habe, muss ich das nicht erneut machen, solange meine Session besteht. Läuft die Session ab, muss das Captcha erneut bestätigt werden.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu google recaptcha ablösen? dadurch ohne consentmanager leben JTL-Shop - Ideen, Lob und Kritik 7
Neu Google Shopping 2.2.2 JTL-Shop - Fehler und Bugs 2
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 1
Neu Google Shopping Problem Allgemeine Fragen zu JTL-Shop 1
Neu Unterseitenindexierung bei Google - wo ausschalten? Allgemeine Fragen zu JTL-Shop 1
Neu PayPal Checkout mit Apple Pay und Google Pay Plugins für JTL-Shop 1
Neu Google Listings & Ads image Fehler WooCommerce-Connector 2
Datenfeed google shopping - Übertragung saleprice JTL-Wawi 1.8 2
Neu Strukturierte Daten für VarKombis/Varianten nach Google Ankündigung vom 20.02.2024 JTL-Shop - Ideen, Lob und Kritik 0
Neu Unterstuetzung Google Consent Mode V2 Allgemeine Fragen zu JTL-Shop 11
Neu Google Pmax Kampagnen in Österreich - Shopping Produkte - Erfahrungswerte Smalltalk 0
Neu Inaktive Artikel werden mit 404 Fehler bei Google Search angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu JTL Cookie Banner vs Consent Mode v2 für Google ADs Allgemeine Fragen zu JTL-Shop 6
Exportformat Google Shopping Merkmale Einrichtung JTL-Shop5 1
Neu Fehler beim Update von Exportformat Google Shopping JTL-Shop - Fehler und Bugs 1
Neu Google Shopping - Exportiert nicht alle Artikel? Plugins für JTL-Shop 2
Neu JTL Exportformat Google Shopping - Exportvorlage um Staffelpreise [bulk_price] erweitern? Plugins für JTL-Shop 4
Neu Shopumstellung - Google Ads funktioniert nicht Plugins für JTL-Shop 3
Neu cDeeplink für Google Shopping direkt aus der Shop-Datenbank? Allgemeine Fragen zu JTL-Shop 0
Neu reCaptcha in eigenen Formularen Technische Fragen zu Plugins und Templates 0
Neu Gefahrlos Testkunden aus tkunde löschen? Umstieg auf JTL-Shop 0
Neu Kurzbeschreibung aus mehreren Zellen importieren - möglich? User helfen Usern - Fragen zu JTL-Wawi 3
Neu Daten aus getBackorderString Templates für JTL-Shop 7
Neu Nach Update auf 5.3 fliegen die Produkte aus dem Merchant Center JTL-Shop - Fehler und Bugs 0
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1
Neu EK-Netto der Verkäufe aus Datenbank ? User helfen Usern - Fragen zu JTL-Wawi 5
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Produktdaten aus Shop zur Wawi WooCommerce-Connector 9
Neu Kunden aus Wawi nicht auffindbar JTL-POS - Fehler und Bugs 4
Versuch Bilder aus Ebay für Kaufland zu übernehmen JTL-Wawi 1.8 0
Druckvorlage für Etiketten aus Auftragspositionen JTL-Wawi 1.8 4
Neu Shop in Unterverzeichnis führt dazu, dass Inhalte aus dem übergeordneten Verzeichnis im Shop gezeigt werden JTL-Shop - Fehler und Bugs 3
Rechnung zeigt Mehrwertsteuer 0% aus obwohl 7% berechnet werden - wenn UST-ID eingegeben JTL-Wawi 1.8 0
Warum sind die Rechnungen aus Aufträge(mit Rechnung(Vollständig)) nicht unter Rechnung zu finden JTL-Wawi 1.7 0
Neu Alle Produktbilder in Shopify aus JTL löschen Shopify-Connector 0
Neu Zusammenführen / Konsolidieren von Artikeln aus 2 Quellen (Amazon / Shopify) und zentrale Bestands-Verteilung an beide Systeme User helfen Usern - Fragen zu JTL-Wawi 0
Kartonage (Set) besteht aus mehreren Artikeln (Stückliste) JTL-Wawi 1.8 0
Neu Coupon einlösbar bei Mindestbestellwert aus Kategorie xy Allgemeine Fragen zu JTL-Shop 0
Neu Suche Seite 2 gibt falsche URL aus JTL-Shop - Fehler und Bugs 4
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL POS übernimmt Attribute nicht aus WaWi Einrichtung / Updates von JTL-POS 2
Neu Aus bestehenden Artikeln einen Vaterartikel erzeugen. JTL-Wawi - Ideen, Lob und Kritik 0
Ausgabe per E-Mail geht plötzlich nicht mehr, Testmail aus Wawi aber schon JTL-Wawi 1.6 22
Neu erster JTL Shop - Artikelbilder aus Cloudspeicher - aber nicht in die Wawi eazybuisiness DB Allgemeine Fragen zu JTL-Shop 0
Neu Emails aus der Wawi an Gmail kommen nicht an ///SPF User helfen Usern - Fragen zu JTL-Wawi 4
In Diskussion Workflow, Wert setzen aus Zwischenablage/Clipboard JTL-Workflows - Ideen, Lob und Kritik 0
Neu Nach Import von Kundendaten aus SW5 Umleitung nach Login und weiße Seite JTL-Shop - Fehler und Bugs 5
Artikel aus Auftrag entfernen, Zahlung drin lassen JTL-Wawi 1.7 0
Neu E-Mail Versandbenachrichtigung aus JTL Wawi 1.8.10.0 wird doppelt versendet User helfen Usern 0
Texte aus Webshop Datei ziehen Einrichtung JTL-Shop5 0

Ähnliche Themen