Shopify – Es gibt einen Konflikt mit meiner Markt-/Währungsauswahl

In diesem Artikel erfahren Sie mehr darüber, wie Sie mit einem möglichen Konflikt zwischen Weglot und Ihrer Markt-/Währungsauswahl umgehen können.

Wenn Sie das Shopify-Theme „Dawn“ oder „Glaze“ verwenden, kann es bei der Installation von Weglot auf Ihrer Website zu einem unerwünschten Verhalten kommen, bei dem die Markt-/Währungsauswahl geöffnet bleibt.

Das liegt daran, dass sowohl Weglot als auch diese Shopify-Themes die CSS-Klasse „country-selector“ verwenden.

Es gibt zwei verschiedene Lösungen für dieses Problem:

JavaScript-Code verwenden

Gehen Sie in Ihrem Shopify-Adminbereich auf „Online-Shop“, wählen Sie „Themes“ aus, klicken Sie auf „...“ und dann auf „Code bearbeiten“ und fügen Sie diesen Code in die Datei „theme.liquid“ ein, und zwar im „head“-Abschnitt des vorhandenen Codes:

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

CSS verwenden

Gehen Sie in Ihrem Weglot-Dashboard zu „Einstellungen“ > „Sprachauswahl“ > „Benutzerdefiniertes CSS“ und fügen Sie diesen Code ein:

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

Vergiss nicht, die vorgenommenen Änderungen zu speichern.

Sollte dieses unerwünschte Verhalten auf Ihrer Website weiterhin auftreten, zögern Sie bitte nicht, uns unter support@weglot.com zu kontaktieren.