Shopify - Er is een conflict met mijn markt-/valutakeuzeschakelaar

In dit artikel kom je meer te weten over hoe je kunt omgaan met een mogelijk conflict tussen Weglot en je markt-/valutakeuzeschakelaar.

Als je het Shopify Dawn-thema of het Glaze-thema gebruikt, kan het zijn dat je bij het installeren van Weglot op je website te maken krijgt met een ongewenst verschijnsel, waarbij de markt-/valutakeuzeschakelaar open blijft staan.

Dit komt doordat zowel Weglot als deze Shopify-thema’s de CSS-klasse "country-selector" gebruiken.

Er zijn twee verschillende manieren om dit aan te pakken:

Gebruik JavaScript-code

Ga naar je Shopify-beheerderspaneel, selecteer vervolgens "Onlinewinkel", ga naar "Thema's", klik op "..." en vervolgens op "Code bewerken", en plak deze code in het bestand theme.liquid, in het head-gedeelte van de bestaande code:

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

Gebruik CSS

Ga naar je Weglot-dashboard > Instellingen > Taalkeuze > Aangepaste CSS en voeg deze code toe:

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

Vergeet niet de wijzigingen die je hebt aangebracht op te slaan.

Mocht u dit ongewenste gedrag nog steeds op uw website tegenkomen, aarzel dan niet om contact met ons op te nemen via support@weglot.com.