ℹ️ Note: Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

A guia Avançado dá-lhe um controle mais profundo sobre como o Conversor de Moedas se comporta em toda a sua loja.

Essas configurações são projetadas para comerciantes que querem mais controle sobre a exibição de preços, compatibilidade de tema, estilo personalizado e colocação de widget.

Se você está ajustando as regras de arredondamento, fixando problemas de detecção de preços ou posicionando manualmente o conversor, a aba Avançado fornece as ferramentas necessárias para ajustar a experiência.

⚠️ Antes de começar

Para aceder às Definições Avançadas:

→ Abrir Hoppy Currency Converter

→ Complete o processo de integração

→ Abra o Avançado aba do menu de navegação esquerdo

💡 Algumas configurações nesta seção são destinadas a usuários avançados ou desenvolvedores. Se você não tem certeza sobre uma configuração, é perfeitamente bom deixá-la em seu valor padrão.

💰 Arredondamento de preço avançado

O arredondamento do preço controla como os preços convertidos são exibidos em sua loja.

As taxas de câmbio geralmente geram valores irregulares, e o arredondamento ajuda a criar preços mais limpos e consistentes.

🔢 Round to Decimal

• O que faz: As rondas converteram os preços num valor decimal específico.
• Configuração Adicional: Arredondamento Decimal (0 – 0,99)
• Exemplo: €23.47 → €22.99

💡 Ideal para lojas que preferem padrões de preços como .99 ou .95.

✂️ Remover Decimal

• O que faz: Remove inteiramente as casas decimais.
• Exemplo: €23,47 → €23

Isto cria uma aparência mais limpa e funciona bem para moedas onde as decimais raramente são usadas.

9o Round to Nearest 0 or 9

• O que faz: Aplica regras de preços psicológicos.
• Comportamento:
• • Decimal abaixo de 5 → rodadas para 0
  • Decimal 5 ou superior → rodadas para 9

Exemplos

• $9,49 → $9,00
• $9.50 → $9.90
• $12.34 → $12.00
• $12.56 → $12.90

🎯 Nenhum

• O que faz: Mostra o valor exato convertido da taxa de câmbio.
• Exemplo: €23.47 → €23.47

Este é o comportamento padrão.

🛠️ Configuração do Especialista

Essas configurações fornecem controles técnicos adicionais para personalização avançada e compatibilidade de storefront.

🎨 CSS Personalizado

• O que faz: Permite que você aplique estilo personalizado para o widget Conversor de Moeda.
• Caso de uso: Combine o widget perfeitamente com sua marca storefront.

Classes CSS disponíveis

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

⚠️ CSS incorreto pode afetar a aparência ou visibilidade do widget.

💡 Se os estilos não estiverem sendo aplicados, tente adicionar !important a cada declaração.

🔍 Selectores de preços personalizados

• O que faz: Permite ao conversor detectar preços usando seletores de tema personalizados.
• Formato: Selectores separados por vírgulas.

Exemplo

.moeda, preço-itens, produto-preço, #preço aduaneiro

Quando Usar

• Os preços não estão convertendo em certas páginas
• Seu tema usa classes de preço personalizadas
• Você está usando um construtor de página com marcação personalizada

💡 Você pode identificar seletores usando a ferramenta Inspecionar do seu navegador.

📐 z-Index (Desktop & Mobile)

• O que faz: Controla como o conversor de moeda empilha em relação a outros elementos flutuantes.

Configurações Disponíveis

• z-Índice (Desktop)
• z-Índice (Mobile)

Valor Padrão

• 2000

Quando ajustar

• Cabeçalhos colados sobrepõem-se ao conversor
• Os widgets de conversação cobrem o conversor
• Outros elementos flutuantes aparecem acima dele

💡 Números mais altos aparecem acima de números mais baixos.

📍 Posicionamento Personalizado Avançado

Se as opções de colocação padrão não se encaixam em seu layout storefront, você pode colocar manualmente o conversor de moeda ou carrinho Banner usando trechos HTML.

💱 Caixa de Conversor de Moeda Colocação

• O que faz: Coloca o Conversor de Moedas em um local personalizado.

Excerto de Código

Casos de Uso Comum

• Cabeçalhos personalizados
• Barras laterais
• Seções do construtor de páginas
• Disposição personalizada do storefront

🛒 Carrinho Colocação da Banner

• O que faz: Coloca o banner de notificação do carrinho em um local personalizado.

Excerto de Código

Casos de Uso Comum

• Acima dos botões de saída
• Gavetas dentro do carrinho personalizadas
• Localização alternativa da página do carrinho

⚠️ Estes trechos requerem edição Shopify ficheiros temáticos.

📝 Referência do Formato do Dinheiro

A aba Avançado também exibe os formatos de dinheiro configurados da sua loja.

Esses valores são mostrados como referências somente de leitura e podem ser copiados sempre que necessário.

Formatos Disponíveis

HTML com Moeda

• Usado quando nomes de moeda ou códigos são exibidos ao lado dos preços.

HTML sem Moeda

• Usado quando apenas os valores de preço são exibidos.

💡 Se os preços pararem de converter inesperadamente, verifique se o seu Shopify os formatos monetários ainda correspondem a estes valores.

⚠️ Notas Importantes

Arredondamento de Preço Apenas Alterações Exibição

O arredondamento afeta apenas a aparência da loja.

Os preços reais continuam a ser utilizados Shopifydivisas e taxas de câmbio.

CSS personalizado pode afetar a visibilidade

Regras de estilo incorretas podem ocultar ou quebrar o widget.

Se ocorrerem problemas, remova o CSS personalizado e salve novamente.

Selectores de preços personalizados funcionam ao lado dos padrões

Seletores personalizados são adicionados além dos seletores padrão.

Você não precisa inserir novamente os seletores padrão, a menos que os substitua intencionalmente.

Colocação Personalizada Requer Edição de Tema

Crie sempre um backup ou duplicado do seu tema antes de modificar arquivos Líquidos.

💡 Casos de Uso Comum

Preços psicológicos

• Configuração: Round to Decimal
• Valor: 0,99
• Resultado: €23.47 → €22.99

Preços do número inteiro

• Configuração: Remover a Decimal
• Resultado: $1,245.60 → $1,246

Problemas de Sobreposição de Elementos

• Configuração: z-Índice = 4000
• Resultado: Conversor aparece acima de outros elementos flutuantes

Detecção personalizada do preço do tema

• Configuração: Selector de preços personalizado
• Valor: .custom-product-price
• Resultado: Conversor detecta e converte preços de tema personalizados

🚀 Resultado Final

Uma vez configurado com sucesso:

✅ Exibição de preços em formatos mais limpos

✅ Temas personalizados e construtores de páginas tornam-se compatíveis

✅ Converter styling combina com sua marca storefront

✅ Problemas de camadas podem ser resolvidos usando controles z-Index

✅ Widgets podem ser colocados manualmente em qualquer lugar do tema

✅ Referências de formato monetário permanecem facilmente acessíveis

Usando Configurações Avançadas efetivamente dá aos comerciantes maior flexibilidade e controle sobre como o conversor de moeda se integra com sua loja.

Actualizado em: 10/09/2026