FOX - Currency Switcher for WooCommerce

Comment afficher deux devises sur les pages produits WooCommerce

Afficher deux devises à la fois — le prix local et une référence familière comme USD ou EUR à côté — est une demande courante sur les boutiques WooCommerce à double devise vendant à l'international.

Problème

WOOCS n'affiche qu'une seule devise à la fois (la devise sélectionnée par l'utilisateur). Vous souhaitez afficher deux devises simultanément — par exemple, EUR (pour le paiement) et USD (pour référence).

Solution

Utilisez la fonctionnalité "Icône d'info sur le prix" de WOOCS avec du CSS personnalisé pour afficher les deux devises en ligne.

Étapes

1. Activer l'icône d'info sur le prix Allez dans l'onglet WOOCSOptions → Activez "Show price info icon" → Enregistrer 2. Ajouter le code CSS Ajoutez ce code dans le fichier functions.php de votre thème :
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. Enregistrer et tester Videz le cache et actualisez votre page produit.

Résultat

Avant : €50.00 Après : €50.00 $55.00 Les deux devises sont affichées en ligne sur la page produit.

Remarques

  • Le paiement s'effectue dans votre devise par défaut (EUR)
  • Cela ne modifie que l'affichage — aucune modification de la logique de conversion
  • Le CSS masque l'icône d'info mais affiche la liste des prix