How to Display Two Currencies on WooCommerce Product Pages
Showing two currencies at once — the local price and a familiar reference like USD or EUR next to it — is a common request on WooCommerce dual currency shops selling across borders.
Problem
WOOCS displays only one currency at a time (the currency selected by the user). You want to show two currencies simultaneously - for example, EUR (for payment) and USD (for reference).Solution
Use WOOCS "Price info icon" feature with custom CSS to display both currencies inline.Steps
1. Enable Price Info Icon Go to WOOCS → Options tab → Enable "Show price info icon" → Save 2. Add CSS Code Add this code to your theme'sfunctions.php:
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);Result
Before: €50.00 After: €50.00 $55.00 Both currencies displayed inline on the product page.Notes
- Payment processes in your default currency (EUR)
- This only changes the display - no conversion logic changes
- The CSS hides the info icon but shows the price list