ℹ️ Note: Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

La pestaña Avanzada le da un control más profundo sobre cómo el Conversor de Moneda se comporta a través de su escaparate.

Estos ajustes están diseñados para comerciantes que quieren más control sobre la pantalla de precios, compatibilidad temática, estilo personalizado y colocación de widget.

Ya sea que esté ajustando las reglas de redondeo, arreglando problemas de detección de precios o colocando manualmente el convertidor, la pestaña Advanced proporciona las herramientas necesarias para ajustar la experiencia.

⚠️ Antes de empezar

Para acceder a Ajustes Avanzados:

→ Abierto Hoppy Currency Converter

→ Completar el proceso de a bordo

→ Abrir el Avances pestaña del menú de navegación izquierdo

💡 Algunos ajustes en esta sección están destinados a usuarios avanzados o desarrolladores. Si no estás seguro de un ajuste, está perfectamente bien dejarlo en su valor predeterminado.

💰 Ronda de precios avanzados

El redondeo de precios controla cómo los precios convertidos se muestran en su escaparate.

Los tipos de cambio a menudo generan valores desiguales, y el redondeo ayuda a crear precios más limpios y coherentes.

🔢 Ronda a Decimal

• Lo que hace: Las rondas convirtieron los precios a un valor decimal específico.
• Ajuste adicional: Decimal de redondeo (0 – 0.99)
• Ejemplo: €23.47 → €22.99

💡 Ideal para tiendas que prefieren patrones de precios como .99 o .95.

✂️ Quitar Decimal

• Lo que hace: Elimina completamente los lugares decimales.
• Ejemplo: €23.47 → €23

Esto crea una apariencia más limpia y funciona bien para las monedas donde los decimales rara vez se utilizan.

9️ Round to Nearest 0 or 9

• Lo que hace: Aplica reglas de precios psicológicos.
• Comportamiento:
• • Decimal debajo 5 → rondas a 0
  • Decimal 5 o superior → rondas a 9

Ejemplos

• $9.49 → $9.00
• $9.50 → $9.90
• $12.34 → $12.00
• $12.56 → $12.90

🎯 Ninguno

• Lo que hace: Muestra el valor de cambio convertido exacto.
• Ejemplo: €23.47 → €23.47

Este es el comportamiento predeterminado.

🛠️ Configuración de expertos

Estos ajustes proporcionan controles técnicos adicionales para la personalización avanzada y compatibilidad con el almacén.

🎨 Custom CSS

• Lo que hace: Permite aplicar estilo personalizado al widget del convertidor de monedas.
• Caso de uso: Coincide con el widget perfectamente con su marca de tienda.

Clases CSS disponibles

• .futureblink-currency-desktop
• .futureblink-currency-mobile

⚠️ CSS incorrecto puede afectar la apariencia o visibilidad del widget.

💡 Si los estilos no se aplican, intente agregar !important a cada declaración.

🔍 Selectores de precios personalizados

• Lo que hace: Permite al convertidor detectar precios utilizando selectores de tema personalizados.
• Formato: Selectores separados por comma.

Ejemplo

. dinero, .price-item, .product-price, #custom-price

Cuándo utilizar

• Los precios no se están convirtiendo en ciertas páginas
• Su tema utiliza clases de precios personalizados
• Estás usando un constructor de páginas con marcado personalizado

💡 Puede identificar selectores usando la herramienta Inspección de su navegador.

📐 z-Index (Desktop & Mobile)

• Lo que hace: Controla cómo el Convertidor de Monedas se acumula en relación con otros elementos flotantes.

Ajustes disponibles

• z-Index (Desktop)
• z-Index (Mobile)

Valor predeterminado

• 2000

Cuándo Ajustar

• Cabeceras pegajosas superponen el convertidor
• Los widgets de chat cubren el convertidor
• Otros elementos flotantes aparecen sobre él

💡 Los números más altos aparecen por encima de los números más bajos.

📍 Colocación de posición avanzada

Si las opciones de colocación predeterminadas no se ajustan a su diseño de escaparate, puede colocar manualmente el convertidor de divisas o el banner de carrito usando snippets HTML.

💱 Moneda convertidor de caja

• Lo que hace: Coloque el convertidor de moneda en una ubicación personalizada.

Code Snippet

Clase dediv='futureblink-currency-box'

Casos de uso común

• Cabeceras personalizadas
• Barras laterales
• Secciones de construcción de páginas
• Diseños de tienda personalizados

🛒 Cart Banner Placement

• Lo que hace: Coloca el banner de notificación del carrito en una ubicación personalizada.

Code Snippet

################################################################################################################################################################################################################################################################

Casos de uso común

• Sobre botones de salida
• Cajones de carrito personalizados
• Localizaciones de la página del carrito alternativo

⚠️ Estos snippets requieren edición Shopify archivos temáticos.

📝 Referencia del Formato de Dinero

La pestaña Advanced también muestra los formatos de dinero configurados de tu tienda.

Estos valores se muestran como referencias sólo lectura y se pueden copiar cuando sea necesario.

Formatos disponibles

HTML con moneda

• Se utiliza cuando los nombres de divisas o códigos se muestran junto con los precios.

HTML sin Moneda

• Se utiliza cuando sólo se muestran los valores de precio.

💡 Si los precios se detienen inesperadamente, verifique que su Shopify formatos de dinero todavía coinciden con estos valores.

⚠️ Notas importantes

Precio Redondeo Sólo Cambios Pantalla

El redondeo sólo afecta la apariencia de la tienda.

Actual checkout pricing continues to use ShopifyEs cálculos de divisas y tipos de cambio.

CSS personalizado puede afectar la visibilidad

Las reglas incorrectas de estilo pueden ocultar o romper el widget.

Si ocurren problemas, retire el CSS personalizado y ahorre de nuevo.

Selectores de precios personalizados trabajan junto con defectos

Los selectores personalizados se añaden además de los selectores predeterminados.

Usted no necesita volver a introducir selectores por defecto a menos que reemplazarlos intencionalmente.

Colocación personalizada requiere la edición del tema

Siempre crear una copia de seguridad o duplicar su tema antes de modificar archivos líquidos.

💡 Casos de uso común

Psicología

• Ajuste: Ronda a Decimal
• Valor: 0.99
• Resultado: 23,47 € → 22,99 €

Whole Número de Precios

• Ajuste: Quitar decimal
• Resultado: 1.245,60 € → $1,246

Widget Problemas de superposición

• Ajuste: z-Index = 4000
• Resultado: El convertidor aparece por encima de otros elementos flotantes

Detección de precios de tema personalizado

• Ajuste: Selector de precios personalizado
• Valor: .custom-product-price
• Resultado: Conversor detecta y convierte los precios de tema personalizados

🚀 Resultado final

Una vez configurado con éxito:

✅ Precios mostrados en formatos más limpios

✅ Temas personalizados y constructores de páginas se vuelven compatibles

✅ Conversor de estilo coincide con su marca de tienda

✅ Los problemas de capa se pueden resolver utilizando controles z-Index

✅ Widgets se pueden colocar manualmente en cualquier lugar del tema

✅ Las referencias al formato de dinero siguen siendo fácilmente accesibles

Utilizando Ajustes Avanzados de manera efectiva, los comerciantes ofrecen mayor flexibilidad y control sobre cómo el Conversor de Monedas se integra con su escaparate.

Actualizado el: 10/09/2026