Automaticamente ao Adicionar o Nosso Snippet Liquid ao Seu Tema

informação

A melhor forma de adicionar rótulos de produtos ao seu site Shopify é através do editor de temas da Shopify. As instruções aqui apresentadas destinam-se apenas a casos que não possam ser tratados pelo editor de temas.

Este é um processo em duas etapas: 1) adicionar o nosso snippet de código Liquid ao seu tema e 2) renderizar o snippet na localização onde pretende que o rótulo seja apresentado.

Adicionar o Nosso Snippet ao Seu Tema

1. Aceda ao Admin da Shopify
2. Abra o editor de código do seu tema
3. Adicione um novo ficheiro de tema
   • Clique no diretório snippets
   • Clique em Adicionar novo snippet
   • Para o nome do ficheiro utilize itsgot-product-label-embed-code.liquid
   • Clique em Concluído
4. Isto abrirá um novo separador 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-o no separador
6. Clique em Guardar
7. Clique novamente em Adicionar um novo ficheiro de tema
   • Clique no diretório snippets
   • Clique em Adicionar novo snippet
   • Para o nome do ficheiro utilize itsgot-product-label.liquid
   • Clique em Concluído
8. Isto abrirá um novo separador em branco no editor com o nome snippets/itsgot-product-label.liquid
9. Copie o código do nosso snippet Liquid e cole-o no separador
10. Clique em Guardar

Apresentar o Rótulo do Produto

Depois de adicionar o nosso snippet ao seu tema, a etapa seguinte consiste em renderizá-lo na localização onde pretende que o rótulo seja apresentado. Pode fazê-lo no Admin da Shopify, através da página de personalização do tema.

1. Abra o seu tema no editor de temas

2. No editor de temas, selecione Produtos e, em seguida, Produto predefinido (ou o modelo pretendido)

3. Se pretender adicionar o rótulo a uma secção existente, clique no botão de adicionar bloco dentro dessa secção e selecione Liquid personalizado ou, se não estiver disponível, HTML (note que o bloco HTML tem de suportar Liquid):

   

4. Se pretender adicionar o rótulo a uma nova secção, clique no botão Adicionar secção e selecione Liquid personalizado ou HTML, conforme o fornecido pelo seu tema:

   

5. Se o seu tema não dispuser da opção Liquid personalizado nem HTML, terá de renderizar o snippet manualmente no seu tema. Pode fazê-lo através do editor de código do tema. Se necessitar de assistência, contacte o apoio.

6. Clique no bloco ou secção Liquid personalizado que acabou de adicionar

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

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

   

8. Clique em Guardar

Os rótulos atuais e futuros serão agora apresentados automaticamente na página de produtos.