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 WOOCS → Options → Activez "Show price info icon" → Enregistrer 2. Ajouter le code CSS Ajoutez ce code dans le fichierfunctions.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