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 do 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. Vá para o Admin do 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, o próximo passo é renderizá-lo no local onde você deseja que o rótulo seja exibido. Isso pode ser feito no Admin do Shopify, pela página de personalização do tema.

1. Vá para Temas no Admin do Shopify

2. Encontre o tema que você deseja atualizar e clique em Editar tema

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

4. 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 suportar Liquid):

   

5. 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:

   

6. 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, contate o suporte.

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

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

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

   

9. Clique em Salvar

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