Cómo mostrar dos monedas en las páginas de producto de WooCommerce
Mostrar dos monedas a la vez — el precio local y una referencia familiar como USD o EUR junto a él — es una solicitud común en tiendas WooCommerce de moneda dual que venden a través de fronteras.
Problema
WOOCS muestra solo una moneda a la vez (la moneda seleccionada por el usuario). Quieres mostrar dos monedas simultáneamente — por ejemplo, EUR (para pago) y USD (como referencia).Solución
Usa la función "Price info icon" de WOOCS con CSS personalizado para mostrar ambas monedas en línea.Pasos
1. Habilitar "Price info icon" Ve a WOOCS → pestaña Options → Activa "Show price info icon" → Guardar 2. Añadir código CSS Añade este código alfunctions.php de tu tema:
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);Resultado
Antes: €50.00 Después: €50.00 $55.00 Ambas monedas se muestran en línea en la página del producto.Notas
- El pago se procesa en tu moneda predeterminada (EUR)
- Esto solo cambia la visualización — no cambia la lógica de conversión
- El CSS oculta el icono de información pero muestra la lista de precios