Automaticamente ao Adicionar Nosso Snippet Liquid ao Seu Tema

informação

A melhor maneira de adicionar rótulos de produtos ao seu site Shopify é pelo editor de temas da Shopify. As instruções aqui são apenas para os casos que não podem ser tratados pelo editor de temas.

Este é um processo de duas etapas: 1) adicionar nosso snippet de código Liquid ao seu tema e 2) renderizar o snippet no local onde você deseja que o rótulo seja exibido.

Adicionando Nosso Snippet ao Seu Tema

1. Acesse o Admin da Shopify
2. Abra o editor de código do seu tema
3. Adicione um novo arquivo de tema
   • Clique no diretório snippets
   • Clique em Adicionar novo snippet
   • Para o nome do arquivo use itsgot-product-label-embed-code.liquid
   • Clique em Concluído
4. Isso abrirá uma nova aba em branco no editor com o nome snippets/itsgot-product-label-embed-code.liquid
5. Copie o código do nosso snippet Liquid e cole na aba
6. Clique em Salvar
7. Clique novamente em Adicionar um novo arquivo de tema
   • Clique no diretório snippets
   • Clique em Adicionar novo snippet
   • Para o nome do arquivo use itsgot-product-label.liquid
   • Clique em Concluído
8. Isso abrirá uma nova aba em branco no editor com o nome snippets/itsgot-product-label.liquid
9. Copie o código do nosso snippet Liquid e cole na aba
10. Clique em Salvar

Exibindo o Rótulo do Produto

Depois de adicionar nosso snippet ao seu tema, a próxima etapa é renderizá-lo no local onde você deseja que o rótulo seja exibido. Isso pode ser feito no Admin da Shopify, pela página de personalização do tema.

1. Abra seu tema no editor de temas

2. No editor de temas, selecione Produtos e depois Produto padrão (ou o modelo desejado)

3. Se você quiser adicionar o rótulo a uma seção existente, clique no botão de adicionar bloco dentro dessa seção e selecione Liquid personalizado ou, se não estiver disponível, HTML (observe que o bloco HTML deve ser compatível com Liquid):

   

4. Se você quiser adicionar o rótulo em uma nova seção, clique no botão Adicionar seção e selecione Liquid personalizado ou HTML, o que o seu tema oferecer:

   

5. Se o seu tema não tiver a opção Liquid personalizado nem HTML, você deve renderizar o snippet no seu tema manualmente. Isso pode ser feito pelo editor de código do tema. Se precisar de ajuda, entre em contato com o suporte.

6. Clique no bloco ou na seção Liquid personalizado que você acabou de adicionar

7. No campo Liquid personalizado (ou similar), cole o seguinte código:

   {% render "itsgot-product-label", product: product %}

   

8. Clique em Salvar

Rótulos atuais e futuros agora aparecerão automaticamente na página dos produtos.