Shopify - C'è un conflitto con il mio selettore di mercato/valuta

In questo articolo scoprirai come gestire un potenziale conflitto tra Weglot e il tuo selettore di mercato/valuta.

Se utilizzi il tema Dawn o Glaze di Shopify, potresti riscontrare un comportamento indesiderato durante l'installazione di Weglot sul tuo sito web, che mantiene aperto il selettore di mercato/valuta.

Ciò deriva dal fatto che sia Weglot che questi temi Shopify utilizzano la classe CSS "country-selector".

Esistono due diverse soluzioni per risolvere il problema:

Utilizza il codice JavaScript

Puoi accedere alla tua area di amministrazione di Shopify, selezionare "Negozio online", andare su "Temi", cliccare su "..." e poi su "Modifica codice", quindi incollare questo codice nel file theme.liquid, nella sezione head del codice esistente:

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

Usa i CSS

Puoi andare nella tua dashboard di Weglot > Impostazioni > Selettore lingua > CSS personalizzato e aggiungere questo codice:

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

Non dimenticare di salvare le modifiche apportate.

Se continui a riscontrare questo problema sul tuo sito web, non esitare a contattarci all'indirizzo support@weglot.com.