Shopify - Il y a un conflit avec mon sélecteur de marché/devise

Dans cet article, vous découvrirez comment gérer un éventuel conflit entre Weglot et votre sélecteur de marché/devise.

Si vous utilisez le thème Dawn ou Glaze de Shopify, vous pourriez rencontrer un problème lors de l'installation de Weglot sur votre site web : le sélecteur de marché/devise reste ouvert.

Cela s'explique par le fait que Weglot et ces thèmes Shopify utilisent tous deux la classe CSS « country-selector ».

Il existe deux solutions différentes pour résoudre ce problème :

Utiliser du code JavaScript

Rendez-vous dans votre interface d'administration Shopify, sélectionnez « Boutique en ligne », accédez à « Thèmes », cliquez sur « ... », puis sur « Modifier le code », et collez ce code dans le fichier theme.liquid, dans la section head du code existant :

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

Utiliser du CSS

Vous pouvez vous rendre dans votre dashboard Weglot > Settings > Language switcher > Custom CSS et ajouter ce code :

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

N'oubliez pas d'enregistrer les modifications que vous avez apportées.

Si ce problème persiste sur votre site web, n'hésitez pas à nous contacter à l'adresse support@weglot.com.