🎯 Como configurar o seletor de preços personalizado
ℹ️ 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.
Nem todos Shopify os temas usam seletores de preços padrão. Alguns temas exibem preços usando estruturas HTML personalizadas, o que pode impedir que a conversão automática de moeda funcione corretamente.
É aí que Selectores de Preços Personalizados Entre.
Ao adicionar o seletor de preços correto, você pode dizer Hoppy Currency Converter exatamente onde os preços estão localizados em sua loja para que possam ser convertidos corretamente em páginas de produtos, coleções, gavetas de carrinhos e outras seções personalizadas. 💱
⚠️ Antes de começar
Antes de configurar um seletor de preços personalizado:
- Certifique-se de que o preço está visível em sua loja
- Certifique-se de que você pode inspecionar elementos da página usando seu navegador
- Identificar o preço específico que não está a converter correctamente
Se você não tem certeza de qual seletor usar, nossa equipe de suporte pode ajudar a identificá-lo para você.
🛠️ Passo 1 — Abrir Hoppy Currency Converter
Abrir o Hoppy Currency Converter app a partir da sua Shopify Admin.
⚙️ Passo 2 — Abrir configurações avançadas
No menu de navegação do lado esquerdo:
→ Clique Avançado
Esta seção contém configurações adicionais usadas para compatibilidade de tema e configurações avançadas de storefront.
🎯 Passo 3 — Localizar seletores de preços personalizados
Dentro da seção Avançado:
→ Encontrar o Selectores de preços personalizados campo
Aqui é onde você adicionará o seletor usado para identificar os elementos de preço em sua loja.
🌐 Passo 4 — Abra a página Storefront
Navegue para a página onde o preço aparece.
Os exemplos incluem:
- Páginas de Produtos
- Páginas de Colecção
- Seções de produtos em destaque
- Gavetas de Carrinhos
- Páginas do Carrinho
Abra a página exata onde os preços não estão convertendo corretamente.
🔍 Passo 5 — Inspecione o elemento preço
Localize o preço na sua loja.
Depois:
→ Botão direito do mouse o preço
→ Selecionar Inspecionar
Isso abre as ferramentas de desenvolvimento do seu navegador e destaca o elemento HTML responsável por exibir esse preço.
📋 Passo 6 — Identificar o seletor correto
Procure por qualquer um deles:
Selector de Classe
Exemplo:
classe="preço-item"
Utilização:
. preço-itens
Seletor de ID
Exemplo:
id="preço do produto"
Utilização:
#Preço do produto
⚠️ Importante:
- Selectores de classes devem começar com um ponto (.)
- Selectores de ID devem começar com um hash (#)
Usar o formato errado pode impedir o conversor de detectar os preços corretamente.
➕ Passo 7 — Adicionar o seletor
Voltar para:
→ Avançado → Selectores de preços personalizados
Colar o seletor no campo.
Selectores Múltiplos
Se os preços aparecerem em vários locais, você pode adicionar mais de um seletor.
Separe cada seletor com uma vírgula.
Exemplo
.product price, .price-item .money, #product-price
Isso permite que o aplicativo detecte preços em várias seções da loja.
💾 Passo 8 — salve suas mudanças
Uma vez adicionado o seletor:
→ Clique Gravar
O Conversor de Moedas agora começará a monitorar os elementos de preço especificados.
🧪 Passo 9 — Teste a conversão
Após a gravação:
→ Atualizar sua loja
Para melhores resultados:
- Usar uma janela de navegador Incógnito / Privado
- Limpar cache do navegador, se necessário
- Alternar entre moedas e verificar se os preços se atualizam corretamente
Verifique todas as áreas do storefront onde o seletor foi adicionado.
🆘 Precisa de ajuda para encontrar o seletor correto?
Alguns Shopify os temas usam estruturas fortemente personalizadas que tornam os seletores mais difíceis de identificar.
Se você não tem certeza de qual seletor deve ser usado:
→ Contate nossa equipe de suporte
Incluir:
- Guardar o URL
- URL da página onde ocorre o problema
- Imagem da secção de preços
Ficaremos felizes em ajudar a identificar o seletor correto para o seu tema. 🤝
🎉 Resultado Final
Uma vez configurado com sucesso:
✅ Os preços convertem corretamente em sua loja
✅ Elementos personalizados de preço do tema tornam-se detectáveis
✅ Os preços do produto, coleta e carrinho permanecem sincronizados
✅ Conversão de moeda torna-se mais precisa e confiável
✅ Os clientes vêem preços consistentes em todas as moedas suportadas 💱
Actualizado em: 10/09/2026
Obrigado!