Modelos

Modelos são um grupo de seções configuradas para proporcionar um design e uma aparência consistentes à loja virtual. Vale destacar que as seções disponíveis nos modelos dependem do tema. No editor de temas, é possível descobrir quais modelos são aplicados a determinadas páginas e, depois, editá-los para personalizar as informações exibidas aos clientes.

Quando você edita um modelo, suas alterações se aplicam a todas as páginas que o utilizam. Por exemplo, se você adicionar um formulário de assinatura da newsletter a um modelo de coleções, todas as suas páginas de coleções que usam o modelo-padrão exibirão esse formulário.

Editar seus modelos

É possível editar modelos para adicionar seções à loja virtual. Algumas seções contêm blocos que podem ser personalizados ainda mais, mas nem todas as seções ou blocos têm configurações ou conteúdo que podem ser editados. Quando você edita modelos, as alterações são exibidas em tempo real na pré-visualização do editor de temas.

Observação

Se a largura da tela for maior que 1.600 pixels e a janela do navegador estiver maximizada ou tiver o mesmo tamanho da tela, aparecerão duas barras laterais no editor de temas. A barra à esquerda contém o painel de navegação, e a barra à direita contém o painel de configurações.

Etapas:

Desktop

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema que você quer editar e clique em Personalizar.
3. Clique no menu suspenso Página inicial e selecione o modelo que você quer editar.
4. Para adicionar uma nova seção ao modelo, clique em Adicionar seção e selecione a nova seção.
5. Opcional: para adicionar um bloco à nova seção, clique em Adicionar bloco e selecione um novo bloco para a seção.
6. Clique na nova seção e nos blocos para ver as configurações e opções, depois faça as alterações.
7. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar todos os temas.
4. Encontre o tema que você quer editar e toque em Personalizar.
5. Toque no menu suspenso da página inicial e selecione o modelo que você quer editar.
6. Para adicionar uma nova seção ao modelo, toque em Seções > Adicionar seção, selecione uma nova seção para o modelo e toque em Adicionar.
7. Opcional: para adicionar um bloco à nova seção, toque em Adicionar bloco e selecione um novo bloco para a seção.
8. Toque na nova seção e nos blocos para ver as configurações e opções, depois faça as alterações.
9. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ☰.
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar todos os temas.
4. Encontre o tema que você quer editar e toque em Personalizar.
5. Toque no menu suspenso da página inicial e selecione o modelo que você quer editar.
6. Para adicionar uma nova seção ao modelo, toque em Seções > Adicionar seção, selecione uma nova seção para o modelo e toque em Adicionar.
7. Opcional: para adicionar um bloco à nova seção, toque em Adicionar bloco e selecione um novo bloco para a seção.
8. Toque na nova seção e nos blocos para ver as configurações e opções, depois faça as alterações.
9. Toque em ✓.

Considerações sobre a criação de um novo modelo

Antes de criar um novo modelo, analise estas considerações:

• Você pode ter vários modelos para seus produtos, coleções, páginas, blogs e posts do blog, mas pode ter apenas 1.000 modelos no total.
• Só é possível criar um novo modelo com um tema da Online Store 2.0.
• Todos os temas têm um modelo-padrão para coleções, produtos, blogs, posts do blog e páginas. Esses modelos são aqueles com os recursos e o conteúdo da sua loja, a menos que você crie modelos alternativos.
• As alterações feitas em um modelo impactam todas as páginas que o utilizam. No entanto, se você quiser exibir algumas páginas de um tipo específico de maneira diferente, poderá criar um novo modelo com base em um já existente no seu tema.
• Quando você cria um novo modelo com base em um existente, o novo modelo é preenchido automaticamente com as mesmas seções daquele que já existe. É possível remover, adicionar ou ocultar seções e editar o conteúdo conforme necessário, sem afetar a exibição de páginas que usam o modelo existente.

Criar um novo modelo

Desktop

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema que você quer editar e clique em Personalizar.
3. Clique no menu suspenso Página inicial, selecione um tipo de modelo e clique em Criar modelo.

4. Na caixa de diálogo Criar um modelo, faça o seguinte:

   • No campo Nome, insira um nome exclusivo para o novo modelo.
   • No menu suspenso Com base em, selecione um modelo existente que servirá de base para o novo.

5. Clique em Criar modelo.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar todos os temas.
4. Encontre o tema que você quer editar e toque em Personalizar.
5. Toque no menu suspenso Página inicial, selecione um tipo de modelo e clique em Criar modelo.

6. Na caixa de diálogo Criar um modelo, faça o seguinte:

   • No campo Nome, insira um nome exclusivo para o novo modelo.
   • No menu suspenso Com base em, selecione um modelo existente que servirá de base para o novo.

7. Toque em Criar modelo.

Android

1. No app da Shopify, toque no botão ☰.
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar todos os temas.
4. Encontre o tema que você quer editar e toque em Personalizar.
5. Toque no menu suspenso Página inicial, selecione um tipo de modelo e clique em Criar modelo.

6. Na caixa de diálogo Criar um modelo, faça o seguinte:

   • No campo Nome, insira um nome exclusivo para o novo modelo.
   • No menu suspenso Com base em, selecione um modelo existente que servirá de base para o novo.

7. Toque em Criar modelo.

Depois de criar um novo modelo, você pode aplicá-lo a uma página da loja virtual em que queira usá-lo.

Criar um modelo para metaobjetos

É possível criar um modelo com metaobjetos para páginas da web. Para usar o recurso, conclua as seguintes etapas:

1. Criar uma definição de metaobjeto com acesso à vitrine e, como opção, ativar o recurso páginas da web manualmente. Ao criar um modelo de tema, o editor de temas ativa o recurso Páginas da web.
2. Criar entradas para a definição de metaobjeto.

Agora é possível criar um modelo de metaobjeto no editor de temas.

Pré-visualizar modelos

Utilize pré-visualizações de modelos para ver como os recursos da loja virtual, como produtos e páginas, são exibidos aos clientes com um modelo diferente aplicado.

Os modelos são atribuídos no nível do produto, da coleção, da página, do blog ou do post do blog. Vale lembrar que você cria e edita modelos no editor de temas, mas altera o modelo atribuído a um recurso no admin da Shopify.

Considerações sobre a pré-visualização de modelos

Considere as seguintes informações ao pré-visualizar modelos para os diferentes recursos da loja virtual:

• Ao pré-visualizar um modelo de produtos no editor de temas, você pode usar produtos que tenham status Ativo ou Rascunho, mas não pode pré-visualizar um produto com o status Arquivado.
• Quando você pré-visualiza um modelo de coleções no editor de temas, a coleção precisa ter uma loja virtual ativada como canal de vendas. Caso contrário, não será possível pré-visualizar essa coleção com modelos de coleções no editor de temas.
• Na pré-visualização de um modelo de páginas no editor de temas, é possível usar páginas com visibilidade definida como Visível ou Oculta.
• Na pré-visualização de um modelo de post de blog no editor de temas, é possível usar posts de blog cuja visibilidade está definida como Visível ou Oculta.

Os blogs não têm parâmetros de status ou visibilidade diferentes. Portanto, use um modelo de blog para pré-visualizar os blogs publicados da loja virtual.

Pré-visualizar um modelo alternativo

Você pode pré-visualizar como seus produtos, coleções, páginas, blogs ou posts do blog são exibidos com um modelo diferente aplicado.

Etapas:

Desktop

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Localize o tema com que você deseja pré-visualizar um modelo e clique em Personalizar.
3. Clique no menu suspenso Página inicial e selecione o modelo que você quer usar.
4. Na seção Pré-visualizar na barra lateral do editor de temas, clique em Alterar.
5. Clique no recurso que você deseja pré-visualizar com o modelo selecionado.

iPhone

1. No app da Shopify, toque no botão ….

2. Na seção canais de vendas, toque em loja virtual.

3. Toque em Gerenciar todos os temas.

4. Localize o tema com o qual deseja visualizar um modelo, depois toque em Personalizar.

5. Toque no menu suspenso Página inicial e selecione o modelo que você quer usar.

6. Para selecionar o recurso que será pré-visualizado com o modelo, toque no menu suspenso novamente.

7. No campo Pesquisar loja virtual, insira o nome do recurso que você quer pré-visualizar com o modelo selecionado.

8. Selecione o recurso na lista de resultados de pesquisa.

Android

1. No app da Shopify, toque no botão ☰.

2. Na seção canais de vendas, toque em loja virtual.

3. Toque em Gerenciar todos os temas.

4. Localize o tema com o qual deseja visualizar um modelo, depois toque em Personalizar.

5. Toque no menu suspenso Página inicial e selecione o modelo que você quer usar.

6. Para selecionar o recurso que será pré-visualizado com o modelo, toque no menu suspenso novamente.

7. No campo Pesquisar loja virtual, insira o nome do recurso que você quer pré-visualizar com o modelo selecionado.

8. Selecione o recurso na lista de resultados de pesquisa.

Aplicar um novo modelo

Você pode alterar um modelo atribuído para as seguintes seções em um tema publicado:

• páginas
• aliexpress.com
• coleções
• blogs
• posts de blog

A alteração de um modelo atribuído é feita no admin da Shopify. Vale lembrar que as opções de modelo exibidas se baseiam nos modelos disponíveis no tema ativo.

Os modelos para produtos e coleções podem ser atribuídos a cada item individualmente ou a vários itens ao mesmo tempo usando o editor em massa.

Aplicar um novo modelo a uma página

Desktop

1. No admin da Shopify, acesse Loja virtual > Páginas.
2. Clique na página a que você quer aplicar um novo modelo.
3. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar à página.
4. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Páginas.
4. Toque na página à qual você quer aplicar um novo modelo.
5. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar à página.
6. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ☰.
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Páginas.
4. Toque na página à qual você quer aplicar um novo modelo.
5. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar à página.
6. Toque em Salvar.

Aplicar um novo modelo a um produto

Desktop

1. No admin da Shopify, acesse Produtos.

2. Clique em um produto ao qual você deseja aplicar um novo modelo.

3. Na seção Modelo de tema, clique no menu suspenso e selecione o modelo que você quer aplicar ao produto.

4. Clique em Salvar.

iPhone

1. No app da Shopify, acesse Produtos > Todos os produtos.
2. Toque em um produto a que você deseja aplicar um novo modelo.
3. Toque no Modelo de loja virtual.
4. Selecione o modelo que você deseja aplicar ao seu produto.
5. Toque em Salvar.

Android

1. No app da Shopify, acesse Produtos > Todos os produtos.
2. Toque em um produto a que você deseja aplicar um novo modelo.
3. Toque no Modelo de loja virtual.
4. Selecione o modelo que você deseja aplicar ao seu produto.
5. Toque em ✓.

Aplicar um novo modelo a uma coleção

1. No admin da Shopify, acesse Produtos > Coleções.
2. Clique em uma coleção à qual você quer aplicar um modelo.
3. Na seção Modelo de tema, clique no menu suspenso e selecione o modelo que você quer aplicar à coleção.
4. Clique em Salvar.

Aplicar um novo modelo ao blog

Desktop

1. No admin da Shopify, acesse Loja virtual > Posts do blog.
2. Clique em Gerenciar blogs.
3. Clique em um blog a que você deseja aplicar um modelo.
4. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao blog.
5. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Posts do blog.
4. Toque em ... > Gerenciar blogs.
5. Toque em um blog ao qual você quer aplicar um modelo.
6. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao blog.
7. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ☰.
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Posts do blog.
4. Toque em ... > Gerenciar blogs.
5. Toque em um blog ao qual você quer aplicar um modelo.
6. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao blog.
7. Toque em Salvar.

Aplicar um novo modelo a um post do blog

Desktop

1. No admin da Shopify, acesse Loja virtual > Posts do blog.
2. Clique em um post de blog ao qual você deseja aplicar um modelo.
3. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao blog.
4. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Posts do blog.
4. Toque em um post do blog a que você deseja aplicar um modelo.
5. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao post do blog.
6. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ☰.
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Posts do blog.
4. Toque em um post do blog a que você deseja aplicar um modelo.
5. Na seção Loja virtual, toque no menu suspenso Modelo de tema e selecione o modelo que você quer aplicar ao post do blog.
6. Toque em Salvar.

Aplicar um novo modelo a produtos ou coleções em massa

Observação

O editor em massa para posts do blog e páginas não está mais disponível. Se você ainda precisa editar esses conteúdos, use um app de terceiros.

Utilize o editor em massa para aplicar um novo modelo a vários produtos ou coleções em massa.

Aplicar um novo modelo a produtos em massa

1. No admin da Shopify, acesse Produtos.

2. Para editar vários produtos ao mesmo tempo, siga uma das orientações abaixo:

   • Caso queira selecionar os produtos separadamente, marque a caixa de seleção para cada um.
   • Para selecionar um intervalo de produtos, clique para selecionar um produto e, em seguida, mantenha a tecla Shift pressionada e clique em outro produto. Isso seleciona o primeiro e o último produto clicado e todos os produtos entre eles.
   • Para selecionar todos os produtos de uma página, marque a caixa de seleção na parte superior da lista de produtos.
   • Para selecionar todos os produtos da loja, marque a caixa de seleção na parte superior da lista de produtos e clique em Selecionar tudo nesta loja.

3. Clique em Editar em massa.

4. No editor em massa, clique no menu suspenso Colunas e, depois, na seção Geral. Por fim, selecione Modelo.

5. Clique no primeiro campo da coluna Modelo e mantenha a tecla Shift pressionada, depois clique no último campo da coluna Modelo. Um sombreamento azul é exibido ao redor dos itens selecionados.

6. Clique no primeiro campo selecionado, selecione o modelo que você quer usar no menu suspenso e clique em Salvar.

Aplicar um novo modelo a coleções em massa

1. No admin da Shopify, acesse Produtos > Coleções.

2. Para editar várias coleções ao mesmo tempo, siga uma das orientações abaixo:

   • Caso queira selecionar as coleções separadamente, marque a caixa de seleção para cada coleção.
   • Para selecionar um intervalo de coleções, clique para selecionar uma coleção e, em seguida, mantenha a tecla Shift pressionada e clique em outra coleção. Isso seleciona a primeira e a última coleção clicada e todas as coleções entre elas.
   • Para selecionar todas as coleções de uma página, marque a caixa de seleção na parte superior da lista de coleções.
   • Para selecionar todas as coleções da loja, marque a caixa de seleção na parte superior da lista de coleção, depois clique em Selecionar tudo nesta loja.

3. Clique em Editar em massa.

4. No editor em massa, clique no menu suspenso Colunas e, depois, na seção Geral. Por fim, selecione Modelo.

5. Clique no primeiro campo da coluna Modelo e mantenha a tecla Shift pressionada, depois clique no último campo da coluna Modelo. Um sombreamento azul é exibido ao redor dos itens selecionados.

6. Clique no primeiro campo selecionado, selecione o modelo que você quer usar no menu suspenso e clique em Salvar.

Gerenciar os modelos

Para renomear ou excluir um modelo, use o editor de código. A edição de um arquivo de modelo pode causar problemas na loja virtual.

Quando você exclui um modelo, todos os recursos da loja virtual que tinham o modelo atribuído a eles são exibidos com o modelo-padrão até que você atribua outro.

Renomear modelo

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema com o modelo que você quer renomear e clique em ... > Editar código.
3. No editor de código, encontre a pasta de modelos.
4. Clique no nome do modelo que você quer renomear e, depois, no ícone de lápis.
5. Na caixa de diálogo Renomear arquivo, insira um novo nome de modelo no campo Nome do arquivo.
6. Clique em Renomear arquivo.

Excluir modelo

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema em que você quer excluir um modelo e clique em ... > Editar código.
3. No editor de código, encontre a pasta de modelos.
4. Clique no nome do modelo que você quer excluir e, depois, no ícone de lixeira.
5. Na caixa de diálogo, clique em Excluir arquivo.