FOX - WooCommerce Currency Switcher Professional

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’s functions.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);

3. Save and test

Clear cache and refresh your product page.

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