Criar e conectar um metaobjeto

Neste tutorial, você aprenderá a criar um metaobjeto personalizado para produto em destaque e a exibi-los na loja virtual para mostrar uma imagem, o nome do produto, uma legenda e uma descrição.

Este tutorial apresenta as definições de metaobjeto, a criação de entradas, a configuração de uma referência de metacampo, a conexão de produtos a entradas e, por último, a publicação do metaobjeto na loja virtual.

O que você vai aprender

Depois de terminar o tutorial, você terá realizado estas tarefas:

• Criar um metaobjeto para destaques do produto
• Usar o metaobjeto que você criou para gerar várias entradas para destaques do produto
• Criar uma definição de metacampo que faz referência ao metaobjeto
• Conectar entradas a produtos específicos
• Publicar as entradas de metaobjeto

Etapa 1: criar um metaobjeto

1. No admin da Shopify, acesse Configurações > Dados personalizados.

2. Em Definições de metaobjeto, clique em Adicionar definição.

3. Dê à definição de metaobjeto o nome Produto em destaque.

4. Clique em Adicionar campo e selecione o tipo de conteúdo que você quer exibir no metaobjeto. Vale destacar que os campos definem o conteúdo exibido no metaobjeto, e cada campo tem seu próprio conjunto de opções e validações. Para adicionar o primeiro campo, selecione Arquivo.

5. Configure o tipo e as validações. Dê ao campo o nome Imagem e insira uma breve descrição.

6. Em Acesso, a opção Vitrine é selecionada automaticamente. Mantenha essa seleção, pois ela permite que o conteúdo seja acessado e exibido pela loja.

7. Adicione o campo de imagem ao metaobjeto. Escolha Adicionar campo > Arquivo.

   • Dê ao campo o nome Imagem.
   • Desmarque Videos para limitar o metaobjeto a exibir apenas imagens.
   • Insira uma descrição.
   • Clique em Adicionar quando terminar.

8. Adicione o campo de cabeçalho ao metaobjeto. Desta vez, escolha Adicionar campo > Texto em linha única como o tipo. Faça o seguinte:

   • Dê ao campo o nome Cabeçalho.
   • Marque Use este campo como nome de exibição para usá-lo como nome de entrada no índice.
   • Insira uma descrição.
   • Clique em Adicionar quando terminar.

9. Adicione o campo de legenda ao metaobjeto. Clique em Adicionar campo > Texto em linha única. Faça o seguinte:

   • Dê ao campo o nome Legenda.
   • Insira uma descrição.
   • Clique em Adicionar quando terminar.

10. Adicione o campo de descrição ao metaobjeto. Clique em Adicionar campo > Texto em várias linhas. Faça o seguinte:

    • Dê ao campo o nome Descrição.
    • Insira uma descrição.
    • Clique em Adicionar quando terminar.

11. Salve a nova definição de metaobjeto.

Depois de salvar a definição de metaobjeto, comece a criar entradas.

Etapa dois: criar entradas

1. No admin da Shopify, clique em Conteúdo.
2. Clique na definição de metaobjeto Produto em destaque para usar como base para a nova entrada e, depois, em Adicionar entrada.

3. Preencha os campos da entrada:

   • Clique em Selecionar imagem e escolha ou faça upload de uma imagem para o destaque.
   • Adicione um Título e uma Descrição.

4. O status é definido automaticamente como Ativo. Se ainda não estiver tudo pronto para usar as entradas, altere o status para Rascunho.

5. Clique em Salvar.

A entrada tem um Identificador gerado, que é exclusivo e específico para uma única entrada de conteúdo. Depois de começar a conectar as entradas a áreas da loja, não é recomendável editar o identificador. Saiba mais sobre o impacto de alterar um identificador de entrada depois de usá-lo na loja.

Repita as etapas acima para criar mais três entradas com base na definição de metaobjeto para destaques do produto.

Depois de salvar a definição e as entradas do metaobjeto, é possível criar uma definição de metacampo que faça referência ao metaobjeto.

Etapa três: criar uma definição de metacampo que faz referência ao metaobjeto

1. No admin da Shopify, acesse Configurações > Dados personalizados.

2. Na seção Metacampos, clique em Produtos.

3. Clique em Adicionar definição. Insira um nome exclusivo e uma descrição e clique em Selecionar tipo de conteúdo.

4. Clique em Selecionar tipo e depois em Metaobjeto.

5. Na seção Referência, selecione a definição de metaobjeto em questão e escolha Produto em destaque. Isso limita a definição de item do metacampo para exibir apenas entradas relacionadas ao metaobjeto de produto em destaque.

6. Defina se essa definição pode exibir uma entrada ou uma lista delas. Neste exemplo, escolha a opção Lista de entradas.

7. Na seção Acesso, a opção Vitrines está selecionada por padrão.

8. Clique em Salvar.

Etapa quatro: conectar os produtos às entradas

1. No admin da Shopify, acesse Produtos.

2. Selecione um produto para exibir os destaques.

3. Neste exemplo, queremos mostrar só algumas das entradas de produto em destaque que criamos. Na seção Metacampos de produto, clique no campo de entrada ao lado do metacampo Produto em destaque. Se os destaques não aparecerem na lista, clique em Exibir tudo.

4. Clique em Selecionar entradas. Nesta etapa, você seleciona as entradas que quer exibir no produto em questão. Escolha dois destaques do produto.

5. Retorne à página de produtos. Selecione um produto diferente e siga a etapa anterior para atribuir duas entradas de destaque diferentes ao item.

Em seguida, você publicará os metaobjetos na loja virtual.

Etapa cinco: publicar as entradas na loja virtual

Agora que você conectou as entradas aos produtos, é hora de exibi-las na loja. Esta etapa usa o editor de temas para selecionar os blocos e as seções nas quais as entradas de metaobjetos serão vinculadas.

Após adicionar uma seção ou um bloco, clique no ícone de conectar origem dinâmica para selecionar um metacampo:

1. No admin da Shopify, acesse Loja virtual > Temas.

2. Encontre o tema que você quer editar e clique em Personalizar.

3. Use o menu suspenso no topo da tela para selecionar Produtos > Produto-padrão e carregar o modelo relacionado no editor de temas.

4. Clique em Adicionar seção na barra lateral e escolha Várias linhas como o novo tipo.

5. Clique na primeira linha da seção Várias linhas.

   • As configurações do primeiro bloco são exibidas na barra lateral direita. No bloco da coluna, é possível selecionar manualmente uma imagem, inserir um título, adicionar uma legenda e incluir uma descrição. Você também pode clicar em cada ícone de origem de dados individual e vincular a configuração do bloco à entrada desejada.

6. Clique em Conectar origem dinâmica ao lado do nome do bloco para selecionar Produto em destaque. O editor de temas preenche o novo bloco de várias linhas com as entradas de produto em destaque.

7. Configure os blocos restantes na seção Várias linhas ou remova os blocos não usados.

8. Clique em Salvar para publicar as entradas de destaques do produto.

As entradas são exibidas apenas nos produtos aos quais estão conectadas, e a seção não será publicada se um produto não tiver um metacampo de referência compatível. Assim, é possível configurar um único modelo que funcionará com todos os itens.