// Übersetzungsobjekte const translations = { en: { no_products_selected: 'No products selected', total_price: 'Total Price', item_summary: '{name} x {quantity} : {price} CHF', console_dish: 'Dish', console_price: 'Price', console_quantity: 'Quantity', console_subtotal: 'Subtotal', console_drink: 'Drink' }, de: { no_products_selected: 'Keine Produkte ausgewählt', total_price: 'Gesamtpreis', item_summary: '{name} x {quantity} : {price} CHF', console_dish: 'Geschirr', console_price: 'Preis', console_quantity: 'Anzahl', console_subtotal: 'Zwischensumme', console_drink: 'Getränk' } }; // Funktion zur Auswahl der Sprache basierend auf dem lang-Attribut function getTranslation(lang) { return translations[lang] || translations['de']; // Fallback auf Deutsch } // Sprachcode aus dem HTML lang-Attribut extrahieren const htmlLang = document.documentElement.lang; // Bspw. "de-DE" oder "en-US" const userLanguage = htmlLang ? htmlLang.split('-')[0] : 'de'; // Extrahiere "de" oder "en" und setze 'de' als Fallback const t = getTranslation(userLanguage); // Dein bestehendes Skript, angepasst für die Verwendung des HTML lang-Attributs let selectedBowls = document.querySelectorAll('.product-item[data-category="Bowl"]:has(.auswahl:checked)'); let selectedGetraenke = document.querySelectorAll('.product-item[data-category="Getränke"]:has(.auswahl:checked)'); let selectedGeschirr = document.querySelectorAll('.product-item[data-category="Geschirr"]:has(.auswahl:checked)'); let priceLiveValue = document.querySelector('.price-total'); let bowlsSummary = document.querySelector('.bowls_summary'); let bowlsHidden = document.querySelector('.bowls_hidden'); let drinksSummary = document.querySelector('.drinks_summary'); let drinksHidden = document.querySelector('.drinks_hidden'); let total = 0; // Berechne den Gesamtpreis der ausgewählten Bowls let bowlsOuputHTML = ''; let bowlsOutputHidden = ''; selectedBowls.forEach(bowl => { let bowlAnzahlElement = bowl.querySelector('.anzahl'); if (bowlAnzahlElement) { let bowlAnzahl = Number(bowlAnzahlElement.value); let bowlPrice = Number(bowl.dataset.price); let bowlTotal = bowlPrice * bowlAnzahl; // Prüfen, ob Geschirr ausgewählt ist, und entsprechend berechnen selectedGeschirr.forEach(geschirr => { let geschirrPrice = Number(geschirr.closest('.product-item').dataset.price); bowlTotal += (geschirrPrice * bowlAnzahl); console.log(`${t.console_dish}: ${geschirr.closest('.product-item').dataset.name}, ${t.console_price}: ${geschirrPrice}, ${t.console_quantity}: ${bowlAnzahl}, ${t.console_subtotal}: ${geschirrPrice * bowlAnzahl}`); }); total += bowlTotal; console.log(`Bowl: ${bowl.dataset.name}, ${t.console_price}: ${bowlPrice}, ${t.console_quantity}: ${bowlAnzahl}, ${t.console_subtotal}: ${bowlTotal}`); // Zusammenfassung der Bowls let bowlName = bowl.dataset.name; bowlsOuputHTML += `

${t.item_summary.replace('{name}', bowlName).replace('{quantity}', bowlAnzahl).replace('{price}', bowlTotal.toFixed(2))}

`; bowlsOutputHidden += `${t.item_summary.replace('{name}', bowlName).replace('{quantity}', bowlAnzahl).replace('{price}', bowlTotal.toFixed(2))}
`; } }); // Berechne den Gesamtpreis der ausgewählten Getränke let drinksOuputHTML = ''; let drinksOutputHidden = ''; selectedGetraenke.forEach(getraenk => { let parent = getraenk.closest('.product-item'); if (parent) { let price = Number(parent.dataset.price); let anzahlElement = parent.querySelector('.anzahl'); if (anzahlElement) { let anzahl = Number(anzahlElement.value); let drinkTotal = price * anzahl; total += drinkTotal; console.log(`${t.console_drink}: ${parent.dataset.name}, ${t.console_price}: ${price}, ${t.console_quantity}: ${anzahl}, ${t.console_subtotal}: ${drinkTotal}`); // Zusammenfassung der Getränke let drinkName = parent.dataset.name; drinksOuputHTML += `

${t.item_summary.replace('{name}', drinkName).replace('{quantity}', anzahl).replace('{price}', drinkTotal.toFixed(2))}

`; drinksOutputHidden += `${t.item_summary.replace('{name}', drinkName).replace('{quantity}', anzahl).replace('{price}', drinkTotal.toFixed(2))}
`; } } }); // Aktualisiere den Gesamtpreis auf der Webseite if (priceLiveValue) { priceLiveValue.innerHTML = `${priceLiveValue.dataset.prefix} ${total.toFixed(2)} CHF`; console.log(`${t.total_price}: ${total.toFixed(2)} CHF`); } // Überprüfen und Aktualisieren der Zusammenfassung für Bowls if (bowlsSummary) { if (bowlsOuputHTML === '') { bowlsOuputHTML = `

${t.no_products_selected}

`; bowlsOutputHidden = `${t.no_products_selected}
`; } bowlsSummary.innerHTML = bowlsOuputHTML; // Add

tags directly } if (bowlsHidden) { bowlsHidden.value = bowlsOutputHidden.replace(/

|<\/li>/g, ''); // No

tags; just formatted with
} // Überprüfen und Aktualisieren der Zusammenfassung für Getränke if (drinksSummary) { if (drinksOuputHTML === '') { drinksOuputHTML = `

${t.no_products_selected}

`; drinksOutputHidden = `${t.no_products_selected}
`; } drinksSummary.innerHTML = drinksOuputHTML; // Add

tags directly } if (drinksHidden) { drinksHidden.value = drinksOutputHidden.replace(/

|<\/li>/g, ''); // No

tags; just formatted with
}

Imprint

Table reservation