Neu JTL Shop 5 / Script in header.tpl einbauen / wer kann helfen?

[OS8610]

Hallo zusammen

ich möchet den folgenden Abschnitt in die header.tpl einbauen und konnte mittels Suche keine passenden Hinweise finden.

Mir ist klar, dass ich literal benutzen muss für java script, mir ist leider nicht klar wo und wie.
Kann mir da vielleicht jemand Unterstützung geben?

Besten Dank!


Das ist der Code der rein sollte:

<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('de|en');return false;" title="Englisch" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Englisch" /></a><a href="#" onclick="doGTranslate('de|fr');return false;" title="Französisch" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Französisch" /></a><a href="#" onclick="doGTranslate('de|de');return false;" title="Deutsch" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Deutsch" /></a><a href="#" onclick="doGTranslate('de|it');return false;" title="Italienisch" class="gflag nturl" style="background-position:-600px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Italienisch" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
-->
</style>

<script type="text/javascript">
/* <![CDATA[ */
function doGTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;if(lang_pair=='')return;var lang=lang_pair.split('|')[1];var plang=location.hostname.split('.')[0];if(plang.length !=2 && plang.toLowerCase() != 'zh-cn' && plang.toLowerCase() != 'zh-tw')plang='de';location.href=location.protocol+'//'+(lang == 'de' ? '' : lang+'.')+location.hostname.replace('www.', '').replace(RegExp('^' + plang + '\\.'), '')+location.pathname+location.search;}
/* ]]> */
</script>

Das ist der Code, der ersetzt werden soll (muss ich davon noch etwas nach "oben" übertragen? Den Block Namen?

{block name='layout-header-head-resources-modulepreload' append}
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>{literal}Weglot.initialize({
api_key: '12345678901234567890',
auto_switch: true,
auto_switch_fallback: "de",
search_forms: ".search-wrapper form, .main-search",
switchers: [{
style: {
full_name: false,
with_name: true,
is_dropdown: true,
with_flags: true,
flag_type: "",
invert_flags: false
},
location: {
target: ".weglot-dropdown, .weglot-mobile",
sibling: null
}
}]
});{/literal}</script>
{/block}

 

[css-umsetzung]

Ja genau dein neuer Code kommt innerhalb von
{block name='layout-header-head-resources-modulepreload' append}
{/block}

{literal} benötigst du nur wenn due geschweifte klammern hast nach denen direkt ein Zeichen kommt.

Beispiel:
a.gflag {vertical-align:middle;font-size:16px;.... benötigt die verwendung von literal
a.gflag { vertical-align:middle;font-size:16px; benötigt kein literal

 

[OS8610]

Ja genau dein neuer Code kommt innerhalb von
{block name='layout-header-head-resources-modulepreload' append}
{/block}

{literal} benötigst du nur wenn due geschweifte klammern hast nach denen direkt ein Zeichen kommt.

Beispiel:
a.gflag {vertical-align:middle;font-size:16px;.... benötigt die verwendung von literal
a.gflag { vertical-align:middle;font-size:16px; benötigt kein literal

Ok, verstehe. Dann versuche ich es gerne mal so. Vielen Dank für die einfache Erklärung!