.country-selector { position: relative; display: inline-block; } .country-select { appearance: none; background-color: white; border: 1px solid #e2e8f0; border-radius: 0.375rem; padding: 0.5rem 2rem 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; color: #4a5568; cursor: pointer; min-width: 200px; } .country-selector::after { content: "▼"; font-size: 0.75rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; } document.addEventListener('DOMContentLoaded', function() { const countrySelect = document.getElementById('country-select'); const currentHost = window.location.host; const currentPath = window.location.pathname; const currentSearch = window.location.search; // Country to currency mapping const countryToCurrency = { 'WW': 'USD', // Default worldwide currency 'NL': 'EUR', 'BG': 'BGN', 'CY': 'EUR', 'CZ': 'CZK', 'DK': 'DKK', 'EE': 'EUR', 'ES': 'EUR', 'FI': 'EUR', 'FR': 'EUR', 'GR': 'EUR', 'HR': 'EUR', 'HU': 'HUF', 'IE': 'EUR', 'IT': 'EUR', 'LT': 'EUR', 'LU': 'EUR', 'LV': 'EUR', 'MT': 'EUR', 'NO': 'NOK', 'PL': 'PLN', 'PT': 'EUR', 'RO': 'RON', 'SE': 'SEK', 'SK': 'EUR' }; // Check if the country value exists in session storage const storedCountry = sessionStorage.getItem('country'); if (storedCountry && countryToCurrency[storedCountry]) { handleCountrySelection(storedCountry); } else { // Auto-detect country via API fetch('https://api.country.is/') .then(response => response.json()) .then(data => { const detectedCountry = data.country; // Check if we support this country, otherwise default to WW const supportedCountry = countryToCurrency[detectedCountry] ? detectedCountry : 'WW'; sessionStorage.setItem('country', supportedCountry); handleCountrySelection(supportedCountry); }) .catch(error => { console.error('Error fetching country:', error); handleCountrySelection('WW'); // Fallback to worldwide }); } countrySelect.addEventListener('change', function() { const selectedCountry = this.value; sessionStorage.setItem('country', selectedCountry); handleCountrySelection(selectedCountry); }); function handleCountrySelection(country) { // Update select value countrySelect.value = country; // Get corresponding currency const currency = countryToCurrency[country]; if (country === 'NL') { // Redirect to NL subdomain for Netherlands if (!currentHost.startsWith('nl.')) { const newUrl = `https://nl.mothersearth.com${currentPath}${currentSearch}`; window.location.href = newUrl; return; } } else { // For other countries, ensure we're on the main domain and set currency if (currentHost.startsWith('nl.')) { // Redirect to main domain with currency parameter const url = new URL(`https://mothersearth.com${currentPath}${currentSearch}`); url.searchParams.set('currency', currency); window.location.href = url.href; return; } else { // Just update currency on current page const url = new URL(window.location.href); if (url.searchParams.get('currency') !== currency) { url.searchParams.set('currency', currency); window.location.href = url.href; } } } } });