Shopify - Existe um conflito com o meu seletor de mercado/moeda

Neste artigo, irá saber mais sobre como lidar com um possível conflito entre o Weglot e o seu seletor de mercado/moeda.

Se utilizar o tema Dawn ou o tema Glaze do Shopify, poderá verificar um comportamento indesejado ao instalar o Weglot no seu site, que mantém o seletor de mercado/moeda aberto.

Isso deve-se ao facto de tanto o Weglot como estes temas do Shopify utilizarem a classe CSS «country-selector».

Existem duas soluções diferentes para resolver esta situação:

Utilizar código JavaScript

Pode aceder ao painel de administração do Shopify, selecionar «Loja online», ir a «Temas», clicar em «...» e em «Editar código», e colar este código no ficheiro theme.liquid, na secção head do código existente:

<script>
function removeCountrySelectorClass() {
  var element = document.querySelector("#HeaderCountryForm > div > div > div.disclosure__list-wrapper.country-selector");
  if (element) {
    element.classList.remove("country-selector");
  }
}

document.addEventListener("DOMContentLoaded", function() {
  removeCountrySelectorClass();
});
</script>

Usar CSS

Pode aceder ao painel de controlo do Weglot > Definições > Seletor de idiomas > CSS personalizado e adicionar este código:

div.disclosure__list-wrapper.country-selector {
  display: revert-layer !important;
}

Não se esqueça de guardar as alterações que fez.

Se continuar a verificar este comportamento indesejado no seu site, não hesite em contactar-nos através do endereço support@weglot.com.