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}
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}