Gelöst Google reCaptcha aus dem Evo-Template entfernen

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.170
261
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
21
0
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
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
132
0
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.170
261
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;
}
 

basteldehs

Sehr aktives Mitglied
27. Februar 2017
525
63
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
15
0
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.170
261
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.
 
  • Gefällt mir
Reaktionen: AndrePiwonka
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Google ReCaptcha funktioniert nicht für das Kontaktformular und Newsletter Einrichtung von JTL-Shop 3
Gelöst Google Shopping Export-Datei URL-Pfad Gelöste Themen in diesem Bereich 2
Neu google abdeckungsfehler User helfen Usern - Fragen zu JTL-Wawi 0
Neu google User helfen Usern - Fragen zu JTL-Wawi 3
Neu Google Shopping Fehler =EUR JTL-Shop - Fehler und Bugs 3
Neu Google Shopping mit korrekter Steuerberechnung bei Versandkosten? Plugins für JTL-Shop 3
Neu Google Shopping Export dauert mehr als 30 Min. und bricht mit timeout ab Betrieb / Pflege von JTL-Shop 1
Neu JTL-WAWI auf SQL Server in Google Cloud Installation von JTL-Wawi 1
Neu Google Shopping Exportformat (Plugin) - keine Datenfeed erstellung Plugins für JTL-Shop 5
Neu Google Shopping EAN google_identifier_exists fals oder bIdentifierExists Allgemeine Fragen zu JTL-Shop 2
Neu Jtl Shop Inhaberschaft der Website auf Google bestätigen Allgemeine Fragen zu JTL-Shop 7
Neu Anzeige in der Google Suche mit "Suchfeld" und Kategorien Allgemeine Fragen zu JTL-Shop 10
Neu Google Analytics einbinden Allgemeine Fragen zu JTL-Shop 14
Neu Daten aus SQL Datenbank - Menge pro Lager im Lager Schnittstellen Import / Export 0
Neu Staffelpreise aus der Datenbank auslesen User helfen Usern - Fragen zu JTL-Wawi 0
In Bearbeitung Wawi holt Bestellung aus Shop nicht ab JTL-Wawi - Fehler und Bugs 2
Neu Facebook Vorschaubild aus Shop Allgemeine Fragen zu JTL-Shop 0
Neu Ameise: Staffelpreise aus Registerkarte JTL verwenden User helfen Usern - Fragen zu JTL-Wawi 0
In Bearbeitung Tablet aus dem Bundle und Bildschirmtimeout JTL-POS - Fragen zu Hardware 8
Neu Reicht kostenlose Version von sqlbackupandftp für Datenbankbackup aus? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Artikel Etikett druckt keinen EAN 12 Code aus Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu 360 Grad Ansicht aus externer Anwendung aufrufen JTL-Wawi - Ideen, Lob und Kritik 1
Neu Cronjob -> Exportformate: führt nicht mehr vollständig aus User helfen Usern 3
In Bearbeitung Lieferantenrechnung bar aus der Kasse bezahlen Allgemeine Fragen zu JTL-POS 9
In Bearbeitung Easzyauction Amazon - Versand aus Österreich Amazon-Anbindung - Fehler und Bugs 2
Neu Stücklisten aus Kinderartikel JTL-Shop - BETA - Feedback und Bugmeldungen 2
Neu Bilder aus Vorlage kopieren Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Stückliste aus Artikeln die Konfigurationsartikel besitzen User helfen Usern - Fragen zu JTL-Wawi 2
In Bearbeitung JTL WaWi importiert keine Daten aus WooCommerce WooCommerce-Connector 2
Neu Stücklistenartikel aus Var. Kombi User helfen Usern - Fragen zu JTL-Wawi 1
Neu Doppelte Amazon ASIN und Amazon FNSKU aus der Wawi löschen User helfen Usern - Fragen zu JTL-Wawi 1
Offen Number aus String umwandeln mit 0000 am Anfang JTL-Workflows - Ideen, Lob und Kritik 0
Neu Artikel-Pull aus Gambio: Versandgewichte werden auf 0 gesetzt Gambio-Connector 4
Neu Versandmail aus der Wawi senden - nicht jedoch bei Amazon Bestellung - Wie möglich? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Alle Produkte aus Repricer verschwunden JTL-Repricer für JTL-Wawi und Web 4
Neu Gratis Geschenke aus dem Warenkorb entfernen Betrieb / Pflege von JTL-Shop 1
Neu JTL Ameise: Kundenbewertungen aus CSV mit importieren? Benötige Hilfe JTL-Ameise - Fehler und Bugs 2
Neu Artikel aus Kategorien werden im WooCommerce Shop nicht verschoben. WooCommerce-Connector 1
Gelöst Bestellbestätigung aus Shop enthält am Schluss seitenweise Variabeln Gelöste Themen in diesem Bereich 2
Neu Trotz voreingestellten ausschließlichen Deutschland Versand, vereinzelte Bestellungen aus der Schweiz und Österreich! JTL-Shop - Fehler und Bugs 18
Neu JTL Worker holt Bestellungen aus Onlineshop nicht ab User helfen Usern - Fragen zu JTL-Wawi 7
Gelöst shop 4.06 Zahlungsart aus Bestellbestätigungsseite entfernen - Änderung wird nicht angenommen Gelöste Themen in diesem Bereich 4
Neu Startseite / Boxenverwaltug aus FTP Files Daten auslesen? Installation / Updates von JTL-Shop 3
Neu Bild Pfad aus Datenbank Allgemeine Fragen zu JTL-Shop 4
Neu Benötige Hilfe bei Import von Kategorien aus Excel JTL-Ameise - Fehler und Bugs 12
Neu JTL-Wawi 1.6 - Eigene Felder aus dem Auftrag drucken oder mailen (Video) Umfragen rund um JTL 5
In Bearbeitung Rechnungserstellung aus JTL Pos ist Leer JTL-POS - Fehler und Bugs 2
In Diskussion WF: Angebot bei Amazon entfernen / "aus dem Sortiment löschen" JTL-Workflows - Ideen, Lob und Kritik 1
Neu ecoDMS Ablage/Archivieren aus Inbox funktioniert nicht mehr User helfen Usern 0
Abgelehnt Picklisten für WMS aus der Wawi erstellen Arbeitsabläufe in JTL-WMS 1
Ähnliche Themen