Modelos

Modelos são um grupo de seções configurado para dar à loja virtual um design e uma aparência consistentes. As seções disponíveis nos modelos dependem do tema. No editor de temas, é possível ver quais modelos são aplicados a quais páginas e, depois, editá-los para personalizar as informações exibidas para os 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 dinamicamente da área correspondente do admin da Shopify. Por exemplo, o modelo da página do produto do tema cria uma página para cada produto publicado na loja virtual na seção Produtos do admin da Shopify.

Quando você edita um modelo, as alterações são aplicadas 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ção, todas as páginas de coleção que usam o modelo de coleção padrão exibirão o formulário de assinatura da newsletter.

É possível acessar todos os modelos do tema pelo seletor de página na barra de menus do editor de temas.

Modelos-padrão

Cada modelo-padrão tem seções e configurações próprias que podem ser editadas e personalizadas no editor de temas. Por exemplo, as páginas de 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 de produto do tema exibem informações sobre os produtos que você vende na loja e onde os clientes podem comprá-los.

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

A seção Informações do produto exibe os detalhes dos produtos, como título, descrição, preço e imagens. É possível gerenciar os produtos na página Produtos do admin da Shopify.

Coleções

As páginas de coleção do tema exibem as coleções que você cria na página Produtos > Coleções do admin da Shopify.

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

Lista de coleções

A página da lista de coleções exibe todas as coleções disponíveis no canal de vendas da Loja Virtual. Por exemplo, se você tem uma joalheria, pode adicionar um link para a página da lista de coleções no menu para que os clientes naveguem por tipo de joia, como anéis ou colares. Será necessário criar coleções para cada categoria.

Cartão-presente

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

A página do cartão-presente faz parte do tema. Você pode personalizar o tema para adicionar ou ajustar o estilo e as informações incluídas na página do cartão-presente.

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

Páginas

É possível criar páginas personalizadas no admin da Shopify para oferecer conteúdo aos clientes, como uma página Sobre nós ou informações extras sobre os produtos.

Página do carrinho

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

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

Blogs

As páginas de 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 nesse blog.

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

Posts do blog

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

Página de busca

A página de busca é onde os clientes podem procurar e encontrar produtos, páginas ou posts de blog específicos na loja virtual.

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

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

Página com senha

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

Página 404

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

Essa 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 os modelos

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

Etapas:

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

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

• É possível ter vários modelos para produtos, coleções, páginas, blogs e posts do blog, mas há um limite de 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 padrão são usados para exibir os recursos e o conteúdo da loja, a menos que você crie modelos alternativos.
• As alterações feitas em um modelo afetam todas as páginas que o utilizam. Se quiser exibir algumas páginas de um determinado tipo de forma diferente, crie um novo modelo com base em um já existente no tema.
• Ao criar um novo modelo com base em um existente, o novo modelo é preenchido automaticamente com as mesmas seções do modelo original. Em seguida, é possível remover, adicionar ou ocultar seções e editar o conteúdo delas conforme o necessário, sem afetar a exibição das páginas que usam o modelo original.

Criar um novo modelo

Depois de criar um novo modelo, você poderá aplicar o modelo à página da loja virtual em que deseja usá-lo.

Criar um modelo para metaobjetos

É possível criar um modelo de página da web para metaobjetos. Para usar esse recurso, siga estas etapas:

1. Crie uma definição de metaobjeto com acesso à vitrine virtual e, opcionalmente, ative o recurso de páginas da web manualmente. Ao criar um modelo de tema, o editor de temas ativa o recurso de páginas da web.
2. Crie entradas para a definição de metaobjeto.

Agora você pode criar um modelo de metaobjeto no editor de temas.

Visualização de modelos

Use as prévias de modelo para visualizar como os recursos da loja virtual, como produtos e páginas, são exibidos para os 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. A criação e a edição de modelos ocorrem no editor de temas, mas a alteração do modelo atribuído a um recurso é feita no admin da Shopify.

Considerações sobre a visualização de modelos

Leve em conta os seguintes detalhes ao visualizar modelos para os diferentes recursos da loja virtual:

• Ao visualizar um modelo de produtos no editor de temas, você pode usar produtos com status Ativo ou Rascunho, mas não pode visualizar um produto com status Arquivado.
• Ao visualizar um modelo de coleções no editor de temas, é necessário verificar se a coleção tem a Loja virtual ativada como canal de vendas. Se a coleção não tiver a Loja virtual ativada como canal de vendas, não será possível visualizá-la com nenhum modelo de coleções no editor de temas.
• Ao visualizar um modelo de páginas no editor de temas, é possível usar páginas com a visibilidade definida como Visível ou Oculta.
• Ao visualizar um modelo de posts do blog no editor de temas, é possível usar posts com a visibilidade definida como Visível ou Oculta.

Os blogs não têm parâmetros diferentes de status ou visibilidade, portanto, é possível usar um modelo de blogs para visualizar qualquer blog publicado na loja virtual.

Visualizar um modelo alternativo

É possível visualizar como produtos, coleções, páginas, blogs ou posts do blog são exibidos com um modelo diferente aplicado.

Etapas:

Pré-visualização de recursos específicos

É possível pré-visualizar como o modelo é exibido com qualquer recurso compatível na loja. Por exemplo, se você estiver visualizando um modelo de produto, poderá testá-lo com qualquer produto da loja.

Ainda é preciso atribuir o modelo ao recurso no admin da Shopify.

Também é possível pesquisar modelos e recursos usando a barra de Pesquisa no seletor de páginas, na ferramenta Adicionar seção ou Adicionar bloco ou em Incorporações de apps.

Etapas:

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

2. Ao lado do tema que deseja editar, clique em Editar tema.

3. No menu de modelos, selecione o modelo que deseja pré-visualizar.

4. No menu da barra lateral, na seção Pré-visualização, clique em Alterar.

5. No menu Selecionar, selecione o recurso que deseja pré-visualizar.

Aplicar um novo modelo

É possível alterar um modelo atribuído para as seções a seguir em um tema publicado:

• páginas
• produtos
• coleções
• blogs
• posts do blog

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

Os modelos de produtos e coleções podem ser atribuídos a itens individuais ou a vários itens ao mesmo tempo com o editor em massa.

Aplicar um novo modelo a uma página

Aplicar um novo modelo a um produto

Aplicar um novo modelo a uma coleção

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

2. Clique na coleção à qual deseja aplicar um modelo.

3. Na seção Modelo de tema, clique no menu suspenso e selecione o modelo que deseja aplicar à coleção.

4. Clique em Salvar.

Aplicar um novo modelo a um blog

Aplicar um novo modelo a um post do blog

Aplicação de um novo modelo a produtos ou coleções em massa

É possível usar 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 um destes procedimentos:

   • Para selecionar os produtos um a um, marque a caixa de seleção de cada produto.
   • Para selecionar um intervalo de produtos, clique para selecionar um produto, mantenha a tecla Shift pressionada e clique em outro produto. Essa ação seleciona o primeiro e o último produto em que você clicou 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, na seção Geral, selecione Modelo.

5. Clique no primeiro campo da coluna Modelo, mantenha a tecla Shift pressionada e clique no último campo da coluna Modelo. Um sombreamento azul será exibido ao redor dos itens que você selecionou.

6. Clique no primeiro campo selecionado, selecione o modelo que deseja no menu suspenso e, em seguida, 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 um destes procedimentos:

   • Para selecionar coleções uma a uma, marque a caixa de seleção de cada coleção.
   • Para selecionar um intervalo de coleções, clique para selecionar uma coleção, mantenha a tecla Shift pressionada e clique em outra coleção. Essa ação seleciona a primeira e a última coleção que você clicou e todas as coleções entre elas.
   • Para selecionar todas as coleções em 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ções e clique em Selecionar tudo nesta loja.

3. Clique em Editar em massa.

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

5. Clique no primeiro campo da coluna Modelo, mantenha a tecla Shift pressionada e clique no último campo da coluna Modelo. Um sombreamento azul será exibido ao redor dos itens que você selecionou.

6. Clique no primeiro campo selecionado, selecione o modelo que deseja no menu suspenso e, em seguida, clique em Salvar.

Gerenciamento de modelos

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

Ao excluir um modelo, os recursos da loja virtual aos quais ele estava atribuído passam a usar o modelo-padrão até que você atribua outro.

Renomear um modelo

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

2. Encontre o tema com o modelo que deseja renomear e clique em … > Editar código.

3. No editor de código, encontre a pasta templates.

4. Clique com o botão direito do mouse no arquivo de modelo que deseja renomear e selecione Renomear... no menu suspenso.

5. Insira um novo nome para o arquivo.

6. Pressione Enter no teclado.

Excluir um modelo

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

2. Encontre o tema do qual deseja excluir um modelo e clique em … > Editar código.

3. No editor de código, encontre a pasta templates.

4. Clique com o botão direito do mouse no arquivo de modelo que deseja excluir e selecione Excluir permanentemente no menu suspenso.

5. Clique em Excluir.