Tradução de temas
É possível ativar vários idiomas no admin da Shopify para que clientes do mundo todo possam ver o conteúdo no idioma nativo.
Para temas compatíveis com vendas em vários idiomas, é possível alterar o idioma padrão do tema e adicionar outros idiomas para que os clientes possam selecionar o idioma de preferência. Caso o tema não tenha o idioma que você quer ou se você quiser editar as traduções padrão, é possível criar as traduções por conta própria.
Criar uma tradução para o tema
É possível traduzir e localizar a loja para alterar o idioma do tema. Você pode adicionar as próprias traduções com a instalação do app Translate & Adapt da Shopify, a exportação/importação de CSV ou um app de terceiros.
Tipos de conteúdo que podem ser traduzidos
Existem três tipos básicos de conteúdo que talvez você queira traduzir:
É possível traduzir cada parte do texto inserindo as traduções nos campos de texto.
Não é preciso traduzir todos os campos do tema. As alterações são salvas automaticamente, e você pode parar quando quiser. É possível acessar qualquer tradução existente se você quiser fazer alterações.
Se você deixar um campo sem tradução, o idioma padrão do tema será usado.
É possível traduzir texto simples diretamente, mas é preciso ter um cuidado especial ao traduzir blocos de texto que contêm HTML ou Liquid.
Tradução de texto simples
Para a maior parte do texto na loja virtual, não é preciso usar HTML nem Liquid. Ao inserir a tradução de um bloco de texto simples, basta substituir o texto pelo equivalente no outro idioma.
Blocos de texto que contêm HTML
Se um bloco de texto contiver HTML, você verá pares de colchetes angulares (< >) em torno de palavras ou frases.
É preciso entender como o HTML está sendo usado no bloco que você está traduzindo. Embora seja necessário manter a maior parte do conteúdo no inglês original, pode haver algumas palavras em inglês fora dos colchetes angulares que você queira traduzir.
Normalmente, os blocos de texto que contêm HTML são usados pelos seguintes motivos:
- criar links para outra parte da loja virtual ou para um site diferente
- adicionar formatação ao texto
Tradução de nomes de link em HTML
Um link HTML fica entre tags que começam com <a href= e terminam com </a>.
Traduza apenas o nome do link, e não os outros componentes. O nome do link é a única parte que os clientes verão.
Continue browsing <a href="/collections/all">here</a>.Neste exemplo, você substituiria as palavras Continuar, navegando e aqui por uma tradução adequada.
Nunca traduza o endereço de destino de um link. O endereço de destino é para onde o cliente vai quando clica no link. Ele sempre é exibido entre aspas e aponta para um endereço da web específico. No link de exemplo, o endereço de destino é /collections/all.
Tradução de texto estilizado com HTML
Às vezes, o HTML é usado para dar ênfase ou estilo adicional a palavras ou frases, ou para exibir símbolos. Você deve traduzir apenas as palavras que estão sendo estilizadas pelo HTML, e não os códigos ou as tags em si. Confira os exemplos para ter certeza de que entendeu o que traduzir e o que deixar inalterado.
Exemplos de estilo HTML
No exemplo a seguir, as tags <strong> são usadas para exibir o texto em negrito:
<strong>On Sale</strong>Nesse caso, traduza apenas as palavras Em promoção.
No exemplo a seguir, os códigos HTML ← e → são usados para gerar símbolos de seta para a esquerda e para a direita:
← Previous ProductNext Product →Aqui, traduza apenas as frases Produto anterior e Próximo produto.
No exemplo a seguir, as tags <strong> de HTML são usadas para exibir o nome do arquivo collection-sidebar.liquid em negrito.
Add a type to your products for this list to build itself. All lists are created
in <strong>collection-sidebar.liquid</strong>Aqui, o nome do arquivo é um arquivo de modelo do Liquid. Traduza o nome do arquivo apenas se for necessário para corresponder ao nome do próprio arquivo. Por exemplo, se você tiver criado seus próprios arquivos, talvez seja necessário alterar o nome do arquivo no HTML.
Nunca traduza tags HTML ou códigos de símbolos. Eles são usados pelo navegador e não são vistos pelos clientes.
Blocos de texto que contêm Liquid
Nunca traduza tags, objetos ou filtros do Liquid.
O Liquid é a linguagem de modelos que controla a aparência do seu site em diferentes contextos. O conteúdo do Liquid sempre está entre um dos seguintes conjuntos de símbolos:
{{e}}{%e%}{%-e-%}
Por exemplo:
Posted on {{ date }}Neste exemplo, você traduziria apenas o texto ao redor do Liquid, e não {{ date }}.
Veja um exemplo de campo de texto que usa uma combinação de texto simples, HTML e Liquid:
<strong>{{ author }}</strong> on {{ date }}Embora este exemplo possa parecer complexo, a única parte que você precisa traduzir é a palavra on.