Suporte

Como configurar o tema Wide

Esteticamente minimalista, o tema Amplo foi construído em redor do ar! Com um foco no maior espaçamento e visibilidade dos elementos melhorada. Equipada com uma miríade de opções de personalização do tema, de forma a tornar a aparência da sua loja única.

Wide Theme


Conteúdo

  1. Cabeçalho
  2. Barra Superior
  3. Menu Principal
  4. Mostrar Produtos na Página Inicial
  5. Informações da loja
  6. Secção de banner de página inicial
  7. Configurar o Feed do Instagram na Página Inicial
  8. Secção Blog
  9. Slider do Home
  10. Testemunhos
  11. Página de produtos
  12. Páginas de Carrinho e Checkout
  13. Estimativa de Envio na Página do Carrinho
  14. Mensagem de novo cliente
  15. Como Mudar o Favicon
  16. Tipos de letra e Títulos
  17. Pop-ups personalizados
  18. Como Configurar o Formulário de Inscrição
  19. Rodapé
  20. Reordenar as secções
  21. Tamanhos recomendados para imagens no tema Wide

Cabeçalho

No tema Wide pode ter dois tipos de cabeçalho.

Wide Theme

Cabeçalho de largura total: O cabeçalho estende-se completamente de um lado da tela até ao outro. Este tipo de cabeçalho será exibido se marcar a opção "Mostrar comprimento total do cabeçalho" em Opções do tema> Geral.

Wide Theme

Cabeçalho estreito: O cabeçalho mantém um espaço vazio ao seu redor. Esse tipo de cabeçalho será exibido se desmarcar a opção "Mostrar comprimento total do cabeçalho" em Opções de tema> Geral.

Wide Theme

Moedas adicionais e ID de Aplicação de OpenExchangeRates

Usará esses campos se desejar exibir várias moedas em sua loja. Aprenda como ter várias moedas na sua loja.

Wide Theme

Ícones para redes sociais e Whatsapp

Aparecerá se tiver essas informações no seu Painel de Administração > Definições > Geral

Wide Theme

Barra Superior

As informações que devem ser exibidas nesta seção podem ser editadas em Opções de Tema> Geral> Texto na barra superior.

Wide Theme

Se deseja que a barra superior continue a aparecer na parte superior da página ao rolar para baixo, selecione "Barra superior" na opção de cabeçalho fixo:

Wide Theme

A barra superior fica assim quando a página rolar para baixo:

Wide Theme

O tema Simple pode ter dois tipos de menu:

Wide Theme

O menu fica assim quando a página rolar para baixo:

Wide Theme

Aprenda a configurar o menu de navegação na sua loja

Mostrar Produtos na Página Inicial

Existem 3 áreas principais para exibir produtos na sua página inicial: Produtos em destaque, Categorias populares e Produtos recentes.

Pode adicionar qualquer um deles como secções ao ir para Temas > Opções de tema > Adicionar nova secção > Produtos em destaque, Categorias populares ou Produtos recentes.

Wide Theme

Se o seu produto tem varientes com múltiplos preços e não quiser mostrar um preço fixo napágina inicial, pode marcar a opção "Mostrar 'desde' nos Preços de Produtos com Variantes". O preço mais baixo será exibido.

Wide Theme

Na página inicial, os preços dos produtos ficarão assim:

Wide Theme

Produtos em Destaque

Para mostrar um produto nesta seção, deve primeiro configurar o produto como "Produto em destaque":

Wide Theme

Quando salva as alterações, o produto será exibido na seção "Produtos em destaque":

Wide Theme

Número de produtos exibidos

Pode personalizar quantos produtos são exibidos em qualquer tipo de secção de produto, ao ir a Temas > opções de tema > Produtos em destaque, Categorias populares ou Produtos recentes.

Wide Theme

Informações da loja

As informações da loja são mostradas no rodapé em "Contato" e na página de contato da loja.

Wide Theme

Pode adicionar um número de telefone de contato e decidir se deseja exibir o e-mail de contato marcando ou desmarcando essa opção.

Wide Theme

O email de contato está configurado no seu Painel de Administração > Definições > Geral

Wide Theme

Secção de banner de página inicial

Pode adicionar banners ao ir a Adicionar secção > Banners ou Grande Banner

Wide Theme

Tem a opção de definir até 6 banners na sua página inicial. Estes banners podem ser vinculados a uma página de categoria, uma página de produto, uma página de conteúdo ou qualquer outro item de conteúdo para o qual tenha um URL.

Wide Theme

Precisa ter uma imagem para cada banner. O tamanho sugerido é: 240x240. Em seguida, precisará do link para a página da categoria que deseja exibir.

Vá para o Painel de administração> Produtos> Categorias e selecione a categoria à qual deseja vincular o banner.

Uma vez dentro da página da categoria, role para baixo até "Visão do Resultado na Pesquisa", onde pode obter o permalik da categoria.

Então, escrevendo esse link permanente na opção de tema "Banner Link", o banner será redirecionado para a página da categoria que selecionou.

Wide Theme

Configurar o Feed do Instagram na Página Inicial

Pode adicionar o seu Feed de Instagram ao ir a Adicionar secção > Feed de Instagram e pode selecionar o número de fotos exibidas em simultâneo, 6 ou 12.

Importante: A sua conta de Instagram deve estar definida como “Pública” para exibir o feed. Se estiver definido como "Privado", as imagens não serão exibidas. O feed é atualizado mensalmente; portanto, quando publica uma imagem no Instagram, ela não aparece imediatamente.

Wide Theme

Wide Theme

Secção Blog

Pode decidir se deseja mostrar as postagens mais recentes do blog na página inicial, marcando e desmarcando esta opção.

Também pode selecionar quantas postagens deseja mostrar.

Wide Theme

Vai aparecer assim:

Wide Theme

Learn more on how to use your store’s blog.

Slider do Home

A secção de slider tem 4 opções:

Wide Theme

Ativar Loop: As imagens deslizam constantemente.

Ativar Reprodução automática: Os slides começarão a mudar assim que a página carregar.

Ativar Pausar ao Passar o Rato: A animação será interrompida quando o mouse for colocado em um dos slides.

Tempo de Espera de Reprodução Automática Define o tempo (em segundos) entre os slides quando "Ativar loop" está selecionado.

Também pode alterar a cor e a opacidade do plano de fundo:

Wide Theme

Para além disso, tem algumas opções para configurar cada slide:

Wide Theme

Precisa fazer o upload de uma imagem de 1905x800 pixels de tamanho recomendado, escrever um título, um texto no botão e ter um URL de destino para vincular o botão.

Pode vincular o botão a uma página específica, a uma página de produto, categoria etc. Veja o exemplo de como obter um link específico em Setting up Home Page Banners Section.

Testemunhos

Pode adicionar dtestemunhos dos seus clientes, fornecedores e outros, ao ir a Adicionar secção > Testemunhos

Wide Theme

Pode ter até 5 testemunhos num slider. Pode também ativar o slider automático de forma a que mude o testemunho a cada x segundos. A imagem do autor deve ser 50x50px.

Página de produtos

Wide Theme

Mostrar miniaturas das imagens dos produtos - Quando há mais do que uma variação de um produto (exemplo: múltiplos tipos de cor), mostra imagens em miniatura dos produtos com outras cores/variações do produto standard.

Ativar zoom nas imagens - Mostra uma lupa quando o rato é passado por cima da imagem de um produto e faz zoom.

Stock e SKU do Produto

Se essas opções estiverem marcadas, as informações serão exibidas na página do produto.

Wide Theme

Produtos Relacionados

Se essa opção for selecionada, os produtos relacionados ao produto que está sendo exibido aparecerão na seção inferior da página do produto.

O relacionamento tem por base a primeira categoria de produto que eles compartilham.

Wide Theme

Botões para compartilhar nas redes sociais

Os ícones de redes sociais aparecerão na página do produto para permitir que a publicação do produto seja compartilhada neles.

Wide Theme

O ícone do Whatsapp vai aparecer unicamente para dispotivios móveis (smartphones por exemeplo) ou um ícone de um globo ma versão para PC.

Páginas de Carrinho e Checkout

Desativar Carrinho de Compras e Ocultar Preços do Produto

Pode ocultar o ícone do carrinho de compras ou ocultar os preços do produto (ou ambos ao mesmo tempo). Esse recurso é útil quando deseja usar sua loja como um catálogo online ou como um site normal (não como um site de comércio eletrônico).

Wide Theme

Notificação Adicionar ao Carrinho

Wide Theme

Se essa opção for selecionada, uma mensagem pop-up será exibida no canto superior direito da loja, sempre que um produto for adicionado ao carrinho.

Wide Theme

Estimativa de Envio na Página do Carrinho

Se esta opção é selecionada, a estimativa de custo de envio vai aparecer no carrinho.

Wide Theme

Tabela de Produtos na Página do Sucesso

Se selecionar esta opção, uma tabela aparecerá na página de sucesso que mostra cada produto comprado pelo cliente.

Wide Theme

Mensagem de novo cliente

Ir a Opções de tema > Outras opções para definir a Mensagem de novo cliente, que irá aparecer quando um cliente clicar para entrar na sua conta.

Wide Theme

Irá aparecer assim:

Wide Theme

Como Mudar o Favicon

O ícone favorito é o pequeno ícone mostrado na guia de navegação quando alguém visita sua loja.

Wide Theme

O ícone Jumpseller é exibido por padrão. Pode definir seu próprio favicon em "Outras opções". Tamanho recomendado: 16x16. Também recomendamos o uso do formato PNG e plano de fundo transparente.

Wide Theme

Tipos de letra e Títulos

Pode personalizar facilmente fontes e tamanhos nas opções de fonte.

Wide Theme

Quando uma imagem não é usada para o logotipo da loja, o nome da loja será exibido. Também pode personalizar sua fonte e tamanho.

Wide Theme

A cor principal afetará todos os títulos.

Pop-ups personalizados

Depois de clicar em Ativar Pop Up” pode personalizar onde o pop up irá aparecer, o atraso antes de aparecer, o seu tamanho e cor, alinhamento, título e descrições.

Wide Theme

Irá aparecer assim:

Wide Theme

Como Configurar o Formulário de Inscrição

Wide Theme

Vá a footer e clique em “Mostrar formulário de inscrição” para o exibir.

Para fazê-lo funcionar, precisa do URL de um formulário de inscrição criado no Mailchimp. Aprenda a criar um formulário de inscrição com o Mailchimp.

Wide Theme

Rodapé

As páginas exibidas em cada menu do Footer pode ser personalizada no Painel de Administração > Temas > Navegação abaixo da tab "Menu do rodapé".

Wide Theme

Para mudar o nome de cada menu na secção de Footer, vá a "Rodapé" To change the name of each of the menus on the footer section, go to “Footer”

Wide Theme

Exibir métodos de pagamento

pode escolher quais ícones de métodos de apgamento a mostrar no rodapé da página ao ir a Opções de tema > Métodos de pagamento > e selecionár-los.

Wide Theme

Reordenar as secções

Pode reordenar a posição de cada secção do seu website ao clicar numa secção e arrastá-la para cima ou para baixo enquanto mantém o rato pressionado.

Wide Theme

Wide Theme

Tamanhos recomendados para imagens no tema Wide

  • Slider de Página Inicial: 730x460
  • Banners da página inicial: 510x312
  • Categorias em desta da página inicial: 510x370
  • Links rápidos da página inicial: 250x250
  • Slider de marcas da página inicial: 130x130
  • Imagem de produto: 1080x1080
  • Imagem de categoria: 1100x500
  • Imagens de artigos para blogue: 1100x500
  • Logo para o cabeçalho: comprimento máximo: 200px | Altura: proporcional ao comprimento