Criar e conectar um metaobjeto

Neste tutorial, você aprende a criar um metaobjeto personalizado para destaques de produtos e a exibi-los na loja virtual. O metaobjeto de destaques de produtos exibirá 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 fim, a publicação do metaobjeto na loja virtual.

O que você vai aprender

Depois de concluir este tutorial, você terá realizado as seguintes tarefas:

  • Criado um metaobjeto para destaques de produtos
  • Criado várias entradas para destaques de produtos usando o metaobjeto criado
  • Criado uma definição de metacampo que faz referência ao metaobjeto
  • Conectado as entradas a produtos específicos
  • Publicado as entradas do metaobjeto

Etapa 1: criar um metaobjeto

  1. No admin da Shopify, acesse Configurações > Metacampos e metaobjetos.

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

  3. Dê o nome Destaques de produtos à definição de metaobjeto.

  4. Clique em Adicionar campo e selecione o tipo de conteúdo que quer exibir neste metaobjeto. Os campos definem o conteúdo exibido no metaobjeto, e cada um tem o 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ê o nome Imagem ao campo e insira uma breve descrição.

  6. Em Acesso, a opção Storefronts é selecionada automaticamente. Mantenha essa opção selecionada, 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ê o nome Imagem a este campo.
  • Desmarque a opção Vídeos para limitar este metaobjeto a exibir apenas imagens.
  • Insira uma descrição.
  • Quando terminar, clique em Adicionar.
  1. Adicione o campo de título ao metaobjeto. Desta vez, escolha Adicionar campo > Texto de linha única como o tipo de campo. Faça o seguinte:
  • Dê o nome Título a este campo.
  • Marque a opção Usar este campo como nome de exibição para usar este campo como o nome da entrada no índice.
  • Insira uma descrição.
  • Quando terminar, clique em Adicionar.
  1. Adicione o campo de legenda ao metaobjeto. Clique em Adicionar campo > Texto de linha única. Faça o seguinte:
  • Dê o nome Legenda a este campo.
  • Insira uma descrição.
  • Quando terminar, clique em Adicionar.
  1. Adicione o campo de descrição ao metaobjeto. Clique em Adicionar campo > Texto de várias linhas. Faça o seguinte:
  • Dê o nome Descrição a este campo.
  • Insira uma descrição.
  • Quando terminar, clique em Adicionar.
  1. Salve a nova definição de metaobjeto.

Depois que a definição de metaobjeto for salva, você poderá começar a criar entradas.

Etapa 2: criar entradas

  1. No admin da Shopify, clique em Conteúdo.
  2. Clique na definição de metaobjeto Destaques de produtos para usá-la como base para a nova entrada e, em seguida, clique em Adicionar entrada.
  3. Preencha os campos da entrada:
    • Clique em Selecionar imagem e escolha ou faça upload de uma imagem para este destaque de produto.
    • Adicione um Título e uma Descrição.
  4. O status é definido automaticamente como Ativo. Se você não estiver pronto para usar as entradas, poderá alterar o status para Rascunho.
  5. Clique em Salvar.

A entrada tem um identificador gerado, que é um identificador exclusivo de 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 da alteração de um identificador de entrada depois que ele já está em uso na loja.

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

Depois que a definição de metaobjeto e as entradas estiverem salvas, você poderá criar uma definição de metacampo que faça referência ao metaobjeto.

Etapa 3: criar uma definição de metacampo que faça referência ao metaobjeto

  1. No admin da Shopify, acesse Configurações > Metacampos e metaobjetos.

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

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

  4. Clique em Selecionar tipo e, em seguida, em Metaobjeto.

  5. Na seção Referência, selecione a definição de metaobjeto à qual você quer fazer referência. Escolha Destaques de produtos. Isso limita a definição de metacampo do produto a exibir apenas as entradas relacionadas ao metaobjeto de destaques de produtos.

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

  7. Na seção Acesso, a opção Vitrines virtuais vem 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 no qual você queira exibir os destaques do produto.

  3. Neste exemplo, queremos exibir algumas, mas não todas, as entradas de destaques do produto que criamos. Na seção Metacampos do produto, clique no campo de entrada ao lado do metacampo Destaques do produto. Se “Destaques do produto” não estiver na lista de metacampos, clique em Mostrar tudo.

  4. Clique em Selecionar entradas. Nesta etapa, você selecionará as entradas que quer exibir neste produto específico. Escolha dois destaques do produto.

  5. Volte para a página de produtos. Selecione outro produto e siga a etapa anterior para atribuir duas entradas diferentes de destaques do produto a ele.

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

Etapa cinco: publicar as entradas na loja virtual

Depois de conectar as entradas aos produtos, é hora de exibi-las na loja. Nesta etapa, você usará o editor de temas para selecionar os blocos e as seções aos quais as entradas de metaobjeto serão vinculadas.

Depois de adicionar uma seção ou um bloco, é possível selecionar um metacampo clicando no botão Conectar origem dinâmica.

Etapas:

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

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

  3. Use o menu suspenso na parte superior da tela para selecionar Produtos > Produto padrão. Isso carrega o modelo de produto padrão no editor de temas.

  4. Na barra lateral, clique em Adicionar seção e escolha Multilinhas como o novo tipo de seção.

  5. Clique na primeira linha da seção Multilinhas.

    • As configurações do primeiro bloco são exibidas na barra lateral direita. No bloco de coluna, você pode selecionar manualmente uma imagem, inserir um título, adicionar uma legenda e uma descrição. Você também pode clicar em cada ícone de origem de dados e vincular a configuração do bloco à entrada desejada.
  6. Clique em Conectar origem dinâmica ao lado do nome do bloco para selecionar Destaques do produto. O editor de temas preenche o novo bloco de multilinhas com as entradas de destaques do produto.

  7. Configure os blocos restantes na seção Multilinhas ou remova os que não estão em uso.

  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. Se um produto não tiver uma entrada atribuída, a seção ficará em branco, deixando um espaço vazio, em vez de ser removida por completo. O comportamento exato pode variar dependendo do tema e da seção que você usa, portanto, teste o modelo para confirmar que ele atende às suas necessidades.

Se a seção não for exibida como você gostaria quando não houver uma entrada para o produto, considere criar um novo modelo de produto e atribuí-lo aos produtos que têm entradas.