Una vez creada la cuenta de weglot considerar lo siguiente para integrarla con la web y habilitar el switcher.
Considerar que los estilos y manejo corresponden a el componente armado para SISDIS
--
El siguiente script se podra encontrar en al información de la cuenta de weglot, debe cmabiarse el API KEY por el propio.
Se esta ademas sumando los campos para definir la locación del switcher y estilo de botón.
Más información en:
<!-- Weglot-->
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
Weglot.initialize({
api_key: 'wg_4477933ed1961f62fb84c533082cff521',
switchers: [
{
button_style: {
full_name: true,
with_name: true,
is_dropdown: true,
with_flags: true,
flag_type: "circle"
},
location: {
target: ".container-navbar-l", // You'll probably have to change it (see the step below in order to find the correct CSS selector)
sibling: null
}
}
]
});
</script>
<!-- End of Weglot-->
para evitar que el switcher no deje ver los logotipos del navbar considerar sumar paddings en la parte superior del navbar.
Se sugiere:
10px padding-top (desktop)
20px padding-top (mobile)
.weglot-container{position: absolute; top:0;right:0;}
.wg-drop.country-selector {background-color: #0849AF;}
.wg-drop.country-selector a {height: 30px;}
.country-selector a, .wg-li.focus a, .country-selector a:hover {color: #fff;}
.wg-drop.country-selector ul {background-color: #0849AF;border-color: #0849AF!important;}
.wg-drop.country-selector .wgcurrent {border-color: #0849AF;}
.wg-drop.country-selector .wgcurrent::after{background-image: url(https://cdn.prod.website-files.com/6269cdf51c0d4c348cec1e61/62b33dc446ea4a8b7fdfb3af_keyboard_arrow_down.svg);background-size: 16px;height:32px;}
.wg-drop.country-selector .wgcurrent a {padding-right: 30px;}
----- Solo para caso con banderas, sumar este último estilo
.wg-flags a img.wg-flag{height:20px;margin-right: 8px; }