Neu AUsgezeichnet.org und JTL Shop 5

[lenovo]

Guten Morgen zusammen,

da das alte ausgezeichnet.org Plugin mit JTL Shop 5 leider nicht mehr funktioniert und auch nicht geplant ist, dass dieses upgegraded wird, habe ich mich gestern an der eigenhändigen Implementation des Review Collectors versucht. Leider ohne Erfolg, sonst würde ich das hier wohl gerade nicht schreiben

Na jedenfalls habe ich mich gefragt ob jemand weiß wo ich diesen Container einfügen muss, damit er nach Bestellabschluss angezeigt wird? Ich habs mit der order_completed.tpl versucht, aber leider blieb der Bildschirm bei Bestellabschluss danach weiß.

Spoiler: Code

<!-- Collector: Begin -->
<div id="myAusgezeichnetModal" class="aus-modal-wrapper">
<div id ="questionDiv" class="aus-modal">
<div class="aus-header">
&nbsp;
<span id="myAusgezeichnetSpan" class="aus-btn-close">&times;</span>
</div>
<div class="aus-body">
<p class="aus-text-please-rate-us" style="font-size: x-large;font-weight: bold">Bitte bewerten Sie uns!</p>
<p style="font-size: small;font-weight: bold; line-height: 1.5">Waren Sie zufrieden? Dann bewerten Sie uns bitte bei der unabhängigen Bewertungsplattform <span style="color: rgb(243, 89, 33)">AUSGEZEICHNET.ORG</span>.</p>
<p class="aus-text-want-rating-question" style="font-size: x-large;font-weight: bold" id="questionTxtId">Möchten Sie uns nach Erhalt der Ware bewerten?</p>
</div>
<div class="aus-footer">
<a id="noLink" class="aus-btn" href="javascript:void(0)">Nein, danke.</a> <a class="aus-btn aus-primary-btn" id="yesLink" href="javascript:void(0)">Ja, ich möchte.</a>
<p style="font-size: small; margin-bottom: 0;">Für die Bewertung gelten die AUSGEZEICHNET.ORG <a target="_blank" style="text-decoration: none;color:rgb(28, 143, 55)" href="https://www.ausgezeichnet.org/de_DE/firma/misc/bewertungsrichtlinien">Bewertungsrichtlinien</a></p>
<p style="font-size: small">Informationen zur Datenverarbeitung finden Sie <a target="_blank" style="text-decoration: none;color:rgb(28, 143, 55)" href="www.ausgezeichnet.org/datenschutz/">hier</a></p>
</div>
</div>
<div id ="emailDiv" class="aus-modal" style="display: none">
<div class="aus-header">
<span id="myAusgezeichnetSpanEmail" class="aus-btn-close">&times;</span>
</div>
<div class="aus-body">
<p style="font-size: x-large;font-weight: bold" id="inputEmailTxt">Bitte geben Sie Ihre Email ein</p>
<input type="text" class="aus-email-input" id="txtEmail" placeholder="john.example@gmail.com"/>
<input type="hidden" id="txtHiddenCurrentLanguage" value="de_DE"/>
<input type="hidden" id="txtHiddenIsFromExcellent" value="false"/>
<p id="invalidEmailText" style="margin-top: 0;color: red; display:none">Email ist ungültig....</p>
</div>
<div class="aus-footer">
<a href="javascript:void(0)" class="aus-btn aus-primary-btn" id="sendLink" >Senden</a>
</div>
</div>
<style type="text/css">
/*<![CDATA[*/
.aus-modal-wrapper {display: none;font-family:Arial;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.aus-modal {background-color: #fefefe;margin: auto;border: 1px solid #aaa;margin-top:100px;width: 90%; border-radius: 5px; max-width: 600px; overflow:hidden;}
.aus-header {height: 50px; line-height: 50px; text-align: right; border-bottom: 1px solid #ddd; padding: 0 20px; background: #eee;}
.aus-btn-close {color: #aaaaaa;font-size: 20px;font-weight: bold;text-decoration:none;cursor: pointer;}
.aus-body { border-bottom: 1px solid #ddd; padding: 20px; text-align: center;}
.aus-footer {padding: 15px 20px; text-align: center; padding-top: 10px;background: #eee;box-sizing: content-box;}
.aus-email-input {width: 60%; min-width: 300px; outline: none; border: 1px solid #ddd; font-size: 15px;height: 40px; padding: 0 10px; border-radius: 2px; margin-bottom: 1em;}
.aus-btn {padding: 0 10px; height: 40px; line-height: 40px; color: #333; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; text-decoration: none;display: inline-block; text-align: center;}
.aus-btn:hover {background-color: #ddd;}
.aus-primary-btn {background-color: rgb(243, 89, 33); border-color: rgb(28, 143, 55); color: white;}
.aus-primary-btn:hover {background-color: rgb(28, 143, 55); border-color: rgb(243, 89, 33); color: rgb(243, 89, 33);}
@media screen and (max-width: 480px) {
.aus-modal {margin: 20px auto;}
.aus-email-input {min-width: 1px; width: 90%;}
}
@media screen and (max-height: 600px) {
.aus-modal {margin: 20px auto;}
.aus-text-please-rate-us, .aus-text-want-rating-question {margin: 0;} }
/*]]>*/
</style>
</div>
<script type="text/javascript">window.tokenSendEmailCollector = "XXX";</script>
<script type="text/javascript" src="XXX"></script>
<!-- Collector: End -->

Vielen Dank!
Josh