Supply

Também nesta seção

• Configurações do tema
• Dicas
• Seções

Supply é um tema limpo e fácil de navegar, perfeito para lojistas com grandes estoques e várias coleções. Os recursos incluem navegação proeminente, várias coleções de páginas iniciais, filtragem de barra lateral e integração fácil com o app Product Reviews.

O tema Supply é ideal se você:

• Tem mais de 50 produtos
• Tem mais de 5 coleções
• Tem menus extensos.

Obtenha Supply da Loja de temas da Shopify

Editor de temas

Use o editor de temas para personalizar seu tema. A barra de ferramentas do editor de temas se divide em Seções e Configurações do tema.

Utilize seções para modificar o conteúdo e o layout das diferentes páginas da sua loja. Utilize as configurações de tema para personalizar as fontes e cores da sua loja e fazer alterações nos seus links de rede social e configurações de checkout.

Seções Configurações de tema Dicas

As seções são blocos personalizáveis que determinam o layout de diferentes páginas da sua loja virtual.

• As seções de início apresentam recursos que você pode adicionar, reorganizar ou remover, como apresentação de slides ou área para assinatura de newsletter. Você pode ter até 25 seções em sua página inicial.

• Cada tipo de página tem suas próprias seções. Por exemplo, a seção de página de produto estabelece o layout de cada página de produto de sua loja virtual.

• As seções da página estão sempre em locais específicos da sua loja virtual. Você pode personalizá-las, mas não pode reorganizá-las nem removê-las.

• Cada tema apresenta seções fixas que são exibidas em todas as páginas de sua loja virtual, como o cabeçalho e o rodapé.

Você pode saber mais sobre a seleção exclusiva de seções de Supply e aprender a personalizá-las para se adequarem à sua empresa.

O Supply inclui as seguintes seções estáticas:

• Cabeçalho
• Rodapé
• Páginas de produtos
• Páginas de coleções
• Página da lista de coleções
• Páginas do artigo

Seções dinâmicas

Você pode adicionar, reorganizare removerseções dinâmicas para personalizar o layout da sua página inicial. Cada tema tem um conjunto exclusivo de seções dinâmicas para escolher.

O Supply inclui as seguintes seções dinâmicas:

• Posts do blog
• Lista de coleções
• Coleção em destaque
• Imagem com texto
• Apresentação de slides
• Produto em destaque
• Newsletter
• Mapa
• Rich text
• Vídeo
• Conteúdo personalizado

Cabeçalho

Supply inclui algumas configurações exclusivas para a seção de cabeçalho da sua loja. Você pode escolher o menu que deseja exibir no cabeçalho, carregar um logotipo e exibir uma mensagem para seus clientes.

Para personalizar o cabeçalho:

1. Clique na aba Seções.

2. Clique em Cabeçalho.

3. Na lista Menu, selecione qual deles deseja exibir.

Logotipo

No tema Supply, o seu logotipo pode ser exibido no cabeçalho da loja. Para usar um logotipo personalizado, o melhor formato de arquivo é .png com o fundo transparente.

O logotipo ideal para o Supply tem 400 pixels de largura. Altere a largura da sua imagem no campo Largura personalizada do logotipo. Não aumente o valor além da largura original da imagem do logotipo. Isso pode causar distorção e queda na qualidade da imagem.

Mensagem

No Supply, você pode inserir uma mensagem com até 55 caracteres no cabeçalho da loja. Ela será exibida acima da barra de pesquisa.

Por exemplo, é possível inserir uma mensagem de boas-vindas, anunciar uma oferta ou coleção ou informar seus clientes de atrasos no frete dos produtos.

Para adicionar uma mensagem no cabeçalho:

1. Na área Mensagem, insira o seu texto.

2. Se desejar, coloque parte do texto em negrito ou itálico.

3. Clique em Salvar.

Rodapé

Na seção de rodapé, você pode editar o conteúdo exibido na parte inferior de todas as páginas da sua loja. Você pode adicionar os seguintes recursos ao seu rodapé:

• ícones de redes sociais
• ícones de pagamento
• um menu horizontal
• uma assinatura da newsletter
• texto personalizado
• links rápidos

Para personalizar a seção de rodapé:

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Seções.

3. Clique em Rodapé.

4. Exiba ícones de redes sociais em seu rodapé marcando Exibir ícones de redes sociais. Escolha quais contas vincular nas configurações do tema de Redes sociais.

5. Adicione ícones de pagamento, como Mastercard ou PayPal, ao seu rodapé, marcando Exibir ícones de pagamento.

6. Adicione um menu horizontal à parte inferior do seu rodapé na área do menu legal. Para editar o menu padrão, clique em Editar menu. Para mudar para um menu diferente, clique em Alterar e, em seguida, selecione um menu existente ou clique em Criar menu.

7. Adicione até nove blocos de conteúdo ao seu rodapé na área Conteúdo:

- Adicione um bloco de conteúdo clicando em Adicionar conteúdo. Selecione uma das seguintes opções de bloco de conteúdo: - Menu - Rich text - Assinatura da newsletter

- Mova um bloco de conteúdo clicando no ícone ⁞⁞ e arrastando o bloco para um lugar diferente. - Remova um bloco de conteúdo clicando no bloco e, em seguida, em Remover conteúdo. - Personalize um bloco de conteúdo clicando no bloco e editando as configurações.

1. Clique em Salvar.

Páginas de produtos

Na seção Produto, você pode adicionar ou remover os seguintes elementos:

• Zoom de imagem
• Um seletor de quantidade
• Informações sobre estoque
• A marca ou fornecedor do produto
• Informações de economia
• Produtos relacionados
• Um botão de checkout dinâmico
• Ícones de compartilhamento em redes sociais
• Avaliações de clientes

Para editar as configurações das páginas de produtos:

1. No menu suspenso da barra superior, selecione Páginas de produto.

2. Clique em Seções.

3. Clique em Produto.

4. Para permitir que os clientes aumentem o zoom passando o mouse sobre a imagem do produto, marque Habilitar o zoom da imagem.

5. Para mostrar um seletor de quantidade, marque Exibir seletor de quantidade.

6. Para mostrar o estoque restante quando o estoque estiver baixo, marque Exibir estoque quando houver menos de 10 produtos disponíveis. Para que esta mensagem seja exibida, você precisa habilitar o acompanhamento de estoque para o produto.

7. Para mostrar uma mensagem que indica quando um produto esgotado retornará ao estoque, marque Exibir mensagem de transferência de estoque a ser recebido quando esgotado. A mensagem mostrada é "Entrará no estoque após (data)". Para esta mensagem aparecer, você precisa criar uma transferência para o produto.

8. Para mostrar a marca ou o fornecedor do produto, marque Exibir fornecedor do produto. Para uma marca ou fornecedor aparecer, você precisa adicionar um fornecedor ao produto.

9. Para mostrar o valor que o cliente está economizando, marque Exibir valor salvo. O valor economizado é a diferença entre o preço normal e a Comparação de preços do produto. O valor economizado é arredondado para o valor mais próximo. Por exemplo, se a diferença de preço for $ 25,51, o valor economizado será "$ 25". Para que o valor economizado seja exibido, você precisa definir uma Comparação de preços do produto.

10. Para mostrar a Comparação de preços, marque Exibir Comparação de preços.

11. Para mostrar uma seleção de produtos relacionados na parte inferior da página, marque Exibir produtos relacionados. A coleção da qual o produto faz parte determina os produtos relacionados que são exibidos. Para que produtos relacionados sejam exibidos, você precisa criar uma coleção para o produto ou adicioná-lo a uma coleção existente. Se o produto não faz parte de uma coleção, os produtos relacionados não podem ser exibidos.

12. Para mostrar um botão de checkout dinâmico, marque Exibir botão de checkout dinâmico.

13. Para mostrar ícones de compartilhamento em redes sociais, marque Habilitar compartilhamento de produto.

14. Para mostrar comentários de clientes sobre o produto, marque Habilitar avaliações de produtos. Para as avaliações aparecerem, você precisa instalar o app gratuito da Shopify Product Reviews e receber avaliações de seu produto.

15. Para definir o tamanho do seletor de variante, o botão Adicionar ao carrinho e o botão de checkout dinâmico, selecione um tamanho no menu suspenso Seletor de variante e tamanho do botão.

16. Clique em Salvar.

Páginas de coleções

Neste tema, você pode decidir como as coleções são organizadas no menu lateral da página. Elas podem ser organizadas por tags de produto ou por grupos de filtros.

1. Na pré-visualização do editor de temas da sua loja, abra uma página de coleção.

2. Clique na aba Seções.

3. Clique em Coleção.

4. Na lista suspensa Produtos por fileira, escolha quantos produtos exibir em cada fileira.

5. Na lista suspensa Fileiras por página, escolha quantas fileiras deseja exibir.

6. Em Filtros de produtos da Barra Lateral, selecione se deseja organizar coleções por tag de produto ou por grupo de filtros.

7. Para exibir um preço de comparação quando um produto da coleção estiver em promoção ou para fazer uma comparação com os preços da concorrência, selecione Exibir Comparação de preços.

8. Para mostrar quanto dinheiro os clientes estão economizando quando um produto está com desconto, selecione Exibir valor economizado.

9. Para permitir avaliações de produtos nas páginas das coleções, selecione Habilitar avaliações de produtos.

Observação

Para ter a opção de habilitar as avaliações de produtos, instale o app gratuito Avaliações de produtos.

1. Clique em Salvar.

Coleções em destaque

Use a seção Coleções em destaque para selecionar até 6 coleções de produtos a serem exibidas em sua página inicial. Quando um cliente clica em uma coleção em destaque na sua página inicial, o produto em destaque da coleção é exibido. Se você não tiver um produto em destaque, a imagem do primeiro produto na coleção será exibida.

Para exibir as coleções em destaque na sua página inicial:

1. Clique na aba Seções.

2. Clique em Coleções em destaque.

3. Na área Conteúdo, clique em Coleção.

4. Na lista suspensa Coleção, selecione a coleção que deve ser exibida.

5. Adicione coleções até ter selecionado todas as coleções que deseja exibir.

6. Clique em Salvar.

Apresentação de slides

A seção Apresentação de slides permite carregar imagens para usar nas apresentações. Você pode escolher se a transição das imagens acontecerá automaticamente, além de definir a frequência, em segundos, da rotatividade das imagens.

Dica

Se as imagens na apresentação de slides incluírem texto, defina uma velocidade de transição mais lenta para dar a seus clientes tempo suficiente para ler cada slide.

Neste tema você pode escolher até 6 imagens para a transição de slides na sua página principal. Como opção, adicione links para URLs, um em cada slide, de modo que seus clientes possam clicar e abrir uma página da sua loja.

Cada imagem de slide deve ter 1000 pixels de largura e 500 pixels de altura. Se você usar imagens com alturas diferentes para os slides, elas poderão ser puladas ou aparecerem desajustadas entre as transições.

Para personalizar a apresentação de slides:

1. Clique na aba Seções.

2. Clique em Apresentação de slides.

3. Em Configurações, marque Girar slides automaticamente se quiser que a transição das imagens aconteça automaticamente.

4. Na lista suspensa Tempo de transição, selecione a frequência da rotatividade em segundos.

Para adicionar um slide de imagem:

1. Na área Conteúdo, clique em Imagem.

2. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos:

- Para selecionar uma imagem já carregada no admin da Shopify, clique na aba Biblioteca. - Para selecionar uma imagem da Coleção de imagens de acervo Burst da Shopify, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem. - Para selecionar uma imagem de seu computador local, clique na aba Biblioteca e, em seguida, no botão mais.

1. Para adicionar um link ao slide, siga um destes procedimentos:

- Para vincular o texto no seu slide a uma página da loja, clique no campo URL do link e selecione uma página. - Para vincular o texto do seu slide a um site, cole a URL do site no campo Link do slide.

1. Clique em Salvar.

Newsletter

Você pode adicionar uma assinatura de newsletter à sua página inicial. Isso permite coletar endereços de e-mail de clientes para campanhas de e-mail marketing. Saiba mais sobre e-mail marketing no blog da Shopify.

Para adicionar uma assinatura de newsletter à sua página inicial:

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Seções.

3. Clique em Adicionar seção > Newsletter.

4. Insira um título para a assinatura de newsletter no campo Título. O título padrão é "Assine nossa newsletter".

5. Insira um subtítulo para a assinatura de newsletter no campo Subtítulo. O texto padrão é "Promoções, novos produtos e vendas. Diretamente em sua caixa de entrada."

6. Clique em Salvar.

Vídeo

Você pode adicionar um vídeo hospedado no YouTube ou no Vimeo à sua página inicial. Os vídeos podem envolver seus clientes e gerar interesse em seus negócios.

Para adicionar um vídeo à sua página inicial:

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Seções.

3. Clique em Adicionar seção > Vídeo.

4. Insira um título para o vídeo no campo Título.

5. Insira o link de compartilhamento para o vídeo no campo Link para o vídeo.

   Os links de compartilhamento do YouTube são como este: https://youtu.be/OTJXAUZY9t0. Você pode obter informações sobre como copiar o link de compartilhamento para um vídeo do YouTube neste artigo da Ajuda do YouTube.

   Os links de compartilhamento do Vimeo são como este: https://vimeo.com/281332510. Você pode obter informações sobre como copiar o link de compartilhamento para um vídeo do Vimeo neste artigo do Centro de Ajuda do Vimeo.

6. Clique em Salvar.

Conteúdo personalizado

Na seção Conteúdo personalizado, você pode usar o código HTML para criar conteúdo personalizado para sua página inicial. Por exemplo, você pode usar HTML para formatar blocos de texto, criar tabelas ou incorporar conteúdo de um site de terceiros.

Para adicionar conteúdo personalizado à sua página inicial:

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Seções.

3. Clique em Adicionar seção.

4. Na área Layout avançado, clique em Conteúdo personalizado > Adicionar.

5. Clique em Conteúdo personalizado e insira o código HTML que você deseja adicionar à sua página inicial.

6. Clique em Salvar.

Configurações do tema Utilize as configurações do tema para personalizar as cores e a tipografia em sua loja virtual. Você também pode configurar links para suas contas em redes sociais, editar as configurações do carrinho e adicionar um favicon.

O Supply inclui as seguintes configurações de tema:

• Cores
• Tipografia
• Favicon
• Carrinho
• Redes sociais
• Formatos dos preços
• Checkout

Cores

Você pode escolher as cores para as diferentes partes de sua loja virtual.

Personalizar suas configurações de cor

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Configurações do tema.

3. Clique em Cores.

4. Para cada tipo de conteúdo, clique na amostra de cor para usar o seletor de cores. A área Selecionadas recentemente mostra as cores que você selecionou recentemente para seu tema. A área Em uso mostra as cores que você está usando no momento em outras partes de seu tema.

   Para definir a cor como transparente, clique em Nenhum.

5. Clique em Salvar.

Tipografia

Você pode definir o estilo e o tamanho da fonte para os textos de sua loja virtual.

Personalizar suas configurações de tipografia

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Configurações do tema.

3. Clique em Tipografia.

4. Para cada tipo de texto, clique em Alterar para usar o seletor de fontes.

5. Acesse as fontes usando o campo de pesquisa ou clicando em Carregar mais.

   Para ver todas as fontes disponíveis, consulte a biblioteca de fontes da Shopify.

6. Clique no nome da fonte que você deseja usar.

7. Para alterar a fonte para um estilo diferente, como negrito ou itálico, clique em Regular. Em seguida, clique no estilo que você deseja usar e em Selecionar.

8. Clique em Salvar.

Favicon

Neste tema, é possível adicionar um favicon para a sua loja. O favicon (ícone de favoritos) é um pequeno ícone que representa o seu site e funciona como atalho onde quer que seja exibido, por exemplo:

• na aba do navegador da Web
• no histórico do navegador da Web
• nos ícones da área de trabalho
• ao lado do nome da loja virtual após adição aos favoritos.

Usar um favicon ajuda a criar uma identidade de marca para sua loja e dá um acabamento para o visual do seu site. O tamanho de favicon recomendado para Supply é 16 x 16 pixels.

Para adicionar um favicon:

1. Clique na aba Configurações do tema.

2. Clique em Favicon.

3. Na área Imagem do favicon, clique em Selecionar imagem e execute uma das seguintes ações:

- Para selecionar uma imagem já carregada no admin da Shopify, clique na aba Biblioteca. - Para selecionar uma imagem de seu computador local, clique na aba Biblioteca e, em seguida, no botão mais.

1. Clique em Salvar.

Carrinho

No tema Supply, é possível personalizar a página do carrinho para incluir observações de pedido, além de selecionar dentre 4 estilos diferentes de páginas.

Para acessar as configurações do carrinho:

1. Clique na aba Configurações do tema.

2. Clique em Carrinho.

Habilitar observações de pedido

Neste tema, você pode disponibilizar um campo na página do carrinho onde os clientes podem deixar observações de pedido, que podem ser usadas para recados, caso o produto seja um presente, pedidos especiais e instruções de entrega.

Tipo de carrinho

O Supply oferece quatro tipos de carrinho:

• Com o carrinho do tipo Painel deslizante, o carrinho aparece do topo da página. Quando o carrinho é fechado, o texto parece se dobrar:

• O tipo de carrinho Flip é como o Painel deslizante, exceto que a animação flip aparece quando o carrinho é aberto e fechado:

• O tipo de carrinho Modal é uma janela pop-up que aparece acima do conteúdo da página. A janela pop-up pode ser descartada clicando no X ou clicando fora da janela pop-up.

• O carrinho em Página é uma página na sua loja virtual. Os clientes podem acessar a página do carrinho clicando no link no cabeçalho ou adicionando um item ao carrinho.

Observação

Ao habilitar qualquer um dos outros tipos de carrinho, você ainda poderá acessar a página do carrinho anexando /cart à URL da sua loja.

Redes sociais

Você pode adicionar botões de compartilhamento em redes sociais a seus produtos e posts de blog, e links de suas contas de redes sociais.

Para personalizar as configurações de redes sociais:

Desktop

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

iPhone

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

Android

1. No app da Shopify, toque em Loja.
2. Na seção Canais de vendas, toque em Loja virtual.
3. Toque em Gerenciar temas.

1. Ao lado de Supply, clique em Personalizar.

2. Clique em Configurações do tema.

3. Clique em Redes sociais.

4. Para carregar uma imagem de compartilhamento em redes sociais, na área de imagem de compartilhamento em redes sociais, clique em Selecionar imagem ou Acessar imagens gratuitas.

5. Para adicionar links a suas contas de redes sociais, na área Contas, insira os links para suas contas nos campos fornecidos. Insira os links completos, como https://instagram.com/shopify ou https://twitter.com/shopify.

   Os links para suas contas de redes sociais são exibidos no rodapé de sua loja virtual.

6. Para adicionar botões de compartilhamento em redes sociais aos seus produtos e postagens de blog, marque uma ou todas as caixas de seleção na área de Compartilhamento social.

   Você pode adicionar os seguintes botões de compartilhamento:

- Compartilhar no Facebook - Publicar tuíte no Twitter - Fixar no Pinterest (indisponível para compartilhamento em posts do blog)

1. Para alterar o estilo dos botões de compartilhamento, no menu Estilo do botão, selecione um estilo.

2. Clique em Salvar.

Observação

Para mostrar botões de compartilhamento em redes sociais em páginas de produtos e postagens de blog, você também precisa habilitar os botões nas seções dessas páginas.

Formatos dos preços

No Supply, você pode escolher como os preços dos produtos vão aparecer na sua loja.

Para definir as opções de formato de preço no tema Supply:

1. Clique na aba Configurações do tema.

2. Clique em Formato dos preços.

3. Se você vender em uma moeda que usa centavos, marque a opção Exibir centavos sobrescritos para mostrar o preço sobrescrito:

Observação

A opção sobrescrito não funcionará se a sua loja usar uma moeda que não use centavos ou unidades parciais, se você usar um conversor de moedas para mostrar várias moedas ou se o nome de sua moeda tiver um ponto na abreviatura (por exemplo, RS.).

Checkout

Esta seção permite que você personalize o checkout de sua loja. Clique aqui para obter mais informações sobre a página de checkout da loja.

Dicas de imagem

Melhor tipo de imagem de produto para o Supply

Fotos de alta resolução terão uma aparência mais sofisticada e profissional no tema Supply, portanto as imagens devem ter, no mínimo, 1024 x 1024 pixels. As imagens serão reduzidas automaticamente quando necessário.

Fotos com resolução mais alta são particularmente importantes ao Habilitar o zoom da imagem, que pode ser habilitado abrindo uma página de produto na visualização do editor de temas e clicando em Produto na aba Seções.

A melhor proporção entre a largura e a altura das fotos dos produtos é um quadrado.

Reduza o cabeçalho

Existem algumas maneiras de reduzir a seção superior da sua página.

Se o seu logotipo for muito grande, reduza o tamanho ajustando a largura máxima nas configurações do tema. Reduzir a largura do seu logotipo também reduz a altura, porque a Shopify reduz o seu logotipo preservando suas proporções. Usando o editor de temas, na seção Cabeçalho, ajuste o valor da largura personalizada do logotipo. O valor padrão de pixel é de 305. Use um valor de pixel menor para reduzir o tamanho do seu logotipo e, como resultado, reduza a altura do cabeçalho.

Seu logotipo também pode conter pixels invisíveis ou brancos que são adicionados ao espaço em branco acima e abaixo dele. Utilize um programa como o Photoshop para cortar os pixels da imagem do seu logotipo. Quando o seu logotipo estiver aparado, carregue-o novamente usando o editor de temas. Cortar o espaço em branco na imagem do seu logotipo pode reduzir significativamente a altura do cabeçalho.

Reduza a apresentação de slides

Use imagens em paisagem, ou seja, imagens mais largas do que altas.

Embora o editor de temas sugira que o carregamento de imagens com até 1.000 pixels de largura e 500 pixels de altura, é possível usar imagens menores. Uma largura de 1.000 pixels é recomendada para que os slides não tenham espaços em branco à esquerda e à direita em telas maiores. As imagens com largura menor serão centralizadas na apresentação de slides:

Observação

Todos os slides devem ter a mesma largura e altura. Caso contrário, o conteúdo da página inicial se moverá a cada transição na apresentação de slides.

Dicas de navegação

As dicas a seguir podem ajudar a aprimorar a navegação da sua loja, caso você escolha usar o tema Supply.

Adicione um menu suspenso

Para adicionar menus suspensos ao Menu principal, crie menus na sua página de Navegação.

Práticas recomendadas do menu principal

Se o Menu principal tiver tantos itens que não cabe em uma só linha, os links que não couberem serão adicionados a um menu suspenso "Mais".

Este comportamento não é controlado apenas pelo número de links em seu Menu principal, porém manter o número de links entre quatro ou cinco ajudará. Para incluir mais links, você pode:

• Reduzir os links de navegação reduzindo o tamanho da fonte do menu principal em Tipografia na aba Configurações do tema.
• Usar menos caracteres para cada link. Por exemplo, altere "Perguntas frequentes" para "P&R", "Fale conosco" para "Contato" e "Catálogo" para "Itens".

Ter muitos itens na navegação pode tornar seu site difícil de usar. Com muitos itens no menu, seus clientes podem acabar não reparando em itens importantes. Tente limitar sua navegação a cinco ou seis itens. Use menus suspensos se desejar disponibilizar acesso a mais de cinco páginas.

Um erro comum é adicionar links para todas as coleções do menu principal. Em vez disso, tente listar as coleções como menu suspenso sob "Loja" ou "Catálogo". Outra opção, é dividir as coleções em grupos, dedicando a cada grupo um menu suspenso. Você também pode usar tags de produto para criar subcategorias de produtos.

Remova a barra lateral

Para remover a barra lateral de sua loja, é preciso alterar o código de dois dos arquivos do tema.

Desktop

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

2. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

iPhone

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

Android

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

1. No diretório Seções, clique em collection-template.liquid.

2. Encontre has_sidebar no arquivo. Exclua as seguintes linhas de código:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}

1. Clique em Salvar.

2. No diretório Seções, clique em collection-list-template.liquid.

3. Encontre has_sidebar no arquivo. Exclua as seguintes linhas de código:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}

1. Clique em Salvar.

Dicas de produtos

As dicas a seguir vão ajudar você a expor seus produtos com o Supply.

Use a filtragem avançada de grupos

Se você tiver muitos produtos, habilite subgrupos para ajudar seus clientes a organizarem seus produtos:

1. Defina seus grupos. Na imagem acima, os grupos são Marca, Distância focal e Resolução.

2. Exporte seus produtos da Shopify como um arquivo .csv.

3. Pré-carregue todas as tags existentes com o nome do grupo em que você deseja que elas estejam, com o formato Group_Tag Name. Para este exemplo, algumas das tags seriam Brand_Canon, Focal Length_18 - 55mm e Resolution_12 MP. O lado esquerdo do sublinhado é o nome do grupo e o lado direito é a marca do produto. Espaços podem ser incluídos em ambos os lados do sublinhado.

4. Salve o arquivo .csv. e importe os produtos de volta à loja. Não esqueça de selecionar Substituir produtos existentes que tenham mesmo identificador ao carregar o arquivo e, assim, evitar a criação de produtos duplicados.

5. Abra uma página de coleção na visualização do editor de temas. Na aba Seções, clique em Coleção e selecione a opção Por grupo.

Observação

se você usar aspas simples, aspas duplas ou "E" comercial nas tags de produto, a filtragem por grupos não funcionará como esperado.

Reordene a filtragem de tags e grupos

Os grupos são ordenados alfabeticamente, assim como as tags listadas nos grupos. Um Especialista da Shopify pode auxiliar na personalização do pedido.

Dicas de preços

As dicas a seguir ajudam você a configurar os preços ao usar o tema Supply.

Desabilite o arredondamento dos valores de venda

Desktop

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

2. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

iPhone

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

Android

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que você deseja editar e, depois, clique em Ações > Editar código.

1. No lado esquerdo, em Ativos, clique no link timber.scss.liquid para abrir a folha de estilo do tema no editor de código online.

2. Na parte inferior do arquivo, adicione o seguinte:

.sale-tag sup {
   display: inline;
   top: 0;
   font-size: 100%;

   &:before {
    content: '.';
   }
 }

1. Clique em Salvar.

Dicas para o carrinho

A dica a seguir garante que o carrinho da sua loja funcione corretamente após adicionar o JavaScript ao Supply.

Altere o tipo de carrinho para que o JavaScript avançado possa funcionar

Em Supply, qualquer JavaScript adicionado ao cart.liquid não será executado nos carrinhos em painel deslizante ou clássico. Ele será executado somente se você adicionar /cart à URL da sua loja. Por exemplo, http://your.store.url/cart

Defina o tipo de carrinho como "página" se quiser adicionar um dos seguintes recursos à página do carrinho:

• uma calculadora de taxas de frete
• múltiplas moedas
• embalagem de presente
• validação de atributos do carrinho
• um seletor de datas
• uma caixa de seleção "Concordo com os termos".

Para alterar o tipo de carrinho para "página":

1. Clique em Configurações do tema.

2. Clique em Carrinho.

3. Na lista suspensa Tipo de carrinho, selecione Página.

4. Clique em Salvar.