Shopify: hay un conflicto con mi selector de mercado/divisa

En este artículo, obtendrá más información sobre cómo gestionar un posible conflicto entre Weglot y su selector de mercado/divisa.

Si utiliza el tema Dawn o el tema Glaze de Shopify, es posible que se produzca un comportamiento no deseado al instalar Weglot en su sitio web, ya que el selector de mercado/divisa permanece abierto.

Esto se debe a que tanto Weglot como estos temas de Shopify utilizan la clase CSS «country-selector».

Hay dos soluciones diferentes para resolver esto:

Utilice código JavaScript

Puede acceder a su panel de administración de Shopify, seleccionar «Tienda online», ir a «Temas», hacer clic en «...» y luego en «Editar código», y pegar este código en el archivo theme.liquid, en la sección head del 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>

Utilice CSS

Puede ir a su dashboard de Weglot dashboard Configuración > Selector de idioma > Custom CSS añadir este código:

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

No olvide guardar los cambios que haya realizado.

Si sigue experimentando este comportamiento indeseado en su sitio web, no dude en ponerse en contacto con nosotros en support@weglot.com.