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.

O tema contém modelos para diferentes tipos de conteúdo. Esses tipos de modelo contêm seções e blocos que extraem conteúdo de forma dinâmica da respectiva área do admin da Shopify. Por exemplo, a página do modelo de produto do tema cria uma página para cada produto publicado na sua loja virtual na seção Produtos do admin da Shopify.

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.

Modelos padrão

Cada modelo padrão tem suas próprias seções e configurações padrão que você pode editar e personalizar no editor de temas. Por exemplo, as páginas do produto têm uma seção Informações do produto e uma seção Produtos relacionados por padrão. As configurações de personalização específicas para cada tema dependem do desenvolvedor e da versão do tema. Saiba mais sobre como encontrar a versão do tema.

Os modelos estão disponíveis no tema por padrão.

Produtos

As páginas dos produtos do tema exibem informações sobre os produtos vendidos na loja e onde os clientes podem comprá-los.

Por padrão, as páginas de produto têm as seções Informações do produto e Produtos relacionados no editor de temas.

A seção Informações do produto exibe dados sobre os itens que são comercializados, como título, descrição, preço e imagens. Você pode gerenciar os produtos na página Produtos do admin da Shopify.

Coleções

As páginas de coleção do tema da loja exibem as Coleções que você cria na página Produtos > Coleções do admin da Shopify. produtos específicos juntos em categorias. É possível ter coleções inteligentes e coleções manuais.

Por padrão, as páginas de coleção têm as seções Banner da coleção e Grade de produtos no editor de temas.

Lista de coleções

A página da lista de coleções exibe todas as suas coleções disponíveis no canal de vendas Loja virtual. Por exemplo, se você tiver uma joalheria, poderá adicionar um link para a página de lista de coleções no seu menu para que o cliente navegue pelo tipo de joia, como anéis ou colares. Será necessário criar uma coleção para cada categoria.

Cartão-presente

Quando você cria um cartão-presente ou um cliente faz o pedido de um produto "cartão-presente", as informações relacionadas são incluídas na página do cartão-presente, como o valor ou o saldo e o código de resgate.

A página do cartão-presente faz parte do tema. Personalize o tema para adicionar ou ajustar o estilo e as informações que estão na página do cartão-presente.

O valor do cartão-presente e do respectivo código de resgate não podem ser personalizados.

Páginas

Você pode criar páginas personalizadas no admin da Shopify para criar conteúdo para seus clientes, como uma página Quem somos, ou dar mais informações sobre produtos.

Página do carrinho

A página do carrinho na loja virtual é onde seus clientes podem revisar os itens que adicionaram ao carrinho.

Por padrão, a página do carrinho tem as seções Itens e Subtotal no editor de temas.

Blogs

As páginas do blog na loja virtual são a página inicial de qualquer blog que você criar no admin da Shopify, e contêm todos os posts publicados em tal blog.

Por padrão, as páginas do blog contêm uma seção Posts do blog no editor de temas.

Posts do blog

As páginas de posts do blog na loja virtual exibem o conteúdo dos posts do blog que são criados na página Conteúdo > Posts do blog no admin da Shopify. Por padrão, as páginas dos posts do blog contêm uma seção Post do blog no editor de temas.

Página de pesquisa

A página de pesquisa é onde os clientes podem pesquisar e encontrar produtos, páginas ou posts do blog específicos em sua loja virtual.

Por padrão, a página de pesquisa contém uma seção Resultados da pesquisa no editor de temas.

Além das configurações da seção Resultados da pesquisa, você também pode visualizar e personalizar algumas das Configurações de tema para comportamento de pesquisa, bem como adicionar seu próprio CSS personalizado específico da seção.

Página com senha

É possível configurar a loja para que seja protegida por senha na página Loja virtual > Preferências do admin da Shopify. Se for protegida por senha, a página com senha será exibida ao visitante da loja virtual. O modelo de página com senha tem cabeçalho e rodapé exclusivos. Você pode personalizar o modelo da página com senha no editor de temas.

Página 404

A página 404 é exibida quando um cliente tenta acessar um link para seu site que não existe, como a página de um produto que você excluiu da loja.

Esta página não tem configurações personalizáveis, mas você pode adicionar seu próprio CSS personalizado específico da seção à página 404 no editor de temas.

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 . .
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 . .
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 compatível.
• 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 modelo com base em outro, 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 . .

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

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 ícone .

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
• produtos
• 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 . .
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 . .
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 ✓.

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, toque no ícone . .
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, toque no ícone . .
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 Conteúdo > 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 . .
2. Toque em Conteúdo.
3. Toque no menu suspenso e, depois, 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 . .
2. Toque em Conteúdo.
3. Toque no menu suspenso e, depois, 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 ✓.

Aplicar um novo modelo a um post do blog

Desktop

1. No admin da Shopify, acesse Conteúdo > 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 . .
2. Toque em Conteúdo.
3. Toque no menu suspenso e, depois, 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 . .
2. Toque em Conteúdo.
3. Toque no menu suspenso e, depois, 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 ✓.

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.