So zeigen Sie zwei Währungen auf WooCommerce-Produktseiten an
Die Anzeige von zwei Währungen gleichzeitig – dem lokalen Preis und einer vertrauten Referenz wie USD oder EUR daneben – ist eine häufige Anforderung in WooCommerce-Doppelwährung-Shops, die grenzüberschreitend verkaufen.
Problem
WOOCS zeigt immer nur eine Währung gleichzeitig an (die vom Benutzer ausgewählte Währung). Sie möchten zwei Währungen gleichzeitig anzeigen – beispielsweise EUR (für die Zahlung) und USD (als Referenz).Lösung
Verwenden Sie die WOOCS-Funktion „Price info icon“ mit benutzerdefiniertem CSS, um beide Währungen inline anzuzeigen.Schritte
1. Preisinfo-Symbol aktivieren Gehen Sie zu WOOCS → Tab Optionen → Aktivieren Sie „Show price info icon“ → Speichern 2. CSS-Code hinzufügen Fügen Sie diesen Code in diefunctions.php Ihres Themes ein:
add_action('wp_footer', function () {
?>
<style>
.woocs_price_info_icon {
display: none !important;
}
div:hover.woocs_price_info ul {
left: unset;
bottom: unset;
margin-left: unset;
}
div.woocs_price_info ul {
list-style: none;
position: relative;
width: auto !important;
min-width: 120px;
max-width: 400px;
color: #000 !important;
background: #fff !important;
height: auto;
min-height: 19px;
font-size: 14px !important;
line-height: normal;
vertical-align: middle;
text-align: left;
visibility: visible;
border-radius: 0;
padding: 0 !important;
}
div.woocs_price_info ul li:not(:first-child) {
display: none;
}
</style>
<?php
}, 999);Ergebnis
Vorher: €50,00 Nachher: €50,00 $55,00 Beide Währungen werden inline auf der Produktseite angezeigt.Hinweise
- Die Zahlung erfolgt in Ihrer Standardwährung (EUR)
- Dies ändert nur die Anzeige – es gibt keine Änderung der Umrechnungslogik
- Das CSS blendet das Info-Symbol aus, zeigt aber die Preisliste an