Como configurar o template Learts

Última atualização em 11 dezembro 2024.

O template Learts é a escolha ideal para quem quer criar uma aparência única para a sua loja online e destacar-se da concorrência. Este template tem funcionalidades como os filtros de produtos, que melhoram a experiência de compra dos teus clientes.

Como ativar o template Learts

Para ativar o template Learts tens de: 

  1. Aceder ao menu Aparência / Templates;
  2. No detalhe do template Learts, clicar em Ativar.

Ativar template

Nota

No caso de teres outro template ativo irá surgir uma janela na qual podes escolher se pretendes usar: 

  • Versão do editor: com as alterações do teu template atual;
  • Versão original: utilizar a versão nativa do template como a da loja de demonstração.

Como personalizar o template Learts

Com o Shopkit Theme Editor podes personalizar com detalhe a aparência da tua loja online no template Learts. 

Para usares o editor, acede ao menu Aparência e clica em Personalizar.

Utilizar Shopkit Theme Editor

Neste artigo abordamos configurações específicas do template Learts dentro do Shopkit Theme Editor. Caso pretendas saber mais informações e configurar outros aspetos gerais da aparência da loja, sugerimos que consultes o artigo de suporte do editor.
Personalizar com o Shopkit Theme Editor

O Shopkit Theme Editor está dividido em três menus principais onde podes personalizar a aparência da tua loja online: Definições gerais, Componentes e Secções.

Definições gerais

Nas Definições gerais podes configurar aspetos da tua loja online como o logótipo, esquemas de cores, tipografia, adicionar redes sociais, filtros de produtos, entre outros detalhes.

No menu Definições gerais / Listagens de produtos podes definir o número de produtos que pretendes apresentar por linha na versão mobile como em desktop da loja. Esta configuração será aplicada em páginas como Todos os Produtos. 

  • Cores

Ao definires uma cor base para a tua loja online, a mesma fica visível no carrinho de compras e nos adornos decorativos da tua loja. Podes também visualizar a mesma ao passar com o cursor nos botões presentes nos cartões dos produtos em listagens como no menu Todos os produtos ou em páginas de categorias.

Definição de cores da loja

  • Tipografia

No template Learts podes escolher o tipo de letra para os títulos decorativos presentes na tua loja online, como por exemplo o texto “Bem-vindo/a à loja” e o título do produto que aparece abaixo das categorias em destaque na homepage da loja de forma aleatória e rotativa.

  • Listagem de produtos 

O template Learts tem filtros nativos de produtos disponíveis. No Shopkit Theme Editor podes escolher pretendes ativar na tua loja online. 

Por defeito todos os filtros disponíveis estão ativos, pelo que podes desativar os que não pretendes que estejam disponíveis na tua loja online.

Filtros de produtos

Componentes

No menu Componentes podes personalizar os principais aspetos de aparência da tua loja online, como por exemplo, os botões, cartões de produtos e categorias e caixas de informação. Podes ainda gerir os menus de navegação principal e secundária. 

Secções

Em Secções podes personalizar aspetos relacionados com partes específicas da loja, como o cabeçalho, homepage, rodapé, checkout, entre outros aspetos. 

Nos menus Categorias e Marcas, presentes em Secções, podes definir o número de marcas e categorias que pretendes que sejam apresentadas por página e por linha tanto na versão desktop como na versão mobile da loja. Esta configuração será aplicada por exemplo nas páginas Todas as Categorias e Todas as Marcas.

  • Cabeçalho 

No template Learts no menu Secções / Cabeçalho, em Definições, caso pretendas, podes ativar a opção Cabeçalho fixo. Ao ativares esta opção, o cabeçalho da tua loja online está sempre visível quando o cliente faz scroll na loja online. 

No cabeçalho do template Learts é possível também definir se pretendes que as categorias estejam visíveis no mesmo, imediatamente abaixo do logótipo ou título da loja, ao ativares a opção Mostrar categorias no cabeçalho.

Configuração do cabeçalho

  • Homepage 

Nativamente, o template Learts tem adornos decorativos que surgem na homepage da loja online. No entanto, no menu Secções / Homepage, no submenu Geral, podes definir se pretendes tê-los visíveis ou não através da opção Mostrar adornos decorativos. 

Na homepage do template Learts são apresentadas as secções Destaque, Novidades e Promoções, sendo que cada uma tem produtos com o respetivo atributo: Produto é destaque, Produto é novidade e Produto é promoção. Através do Shopkit Theme Editor, no submenu Produtos, em Homepage podes configurar se pretendes mostrar os Destaques, Novidades, Promoção e os produtos mais vendidos

Podes saber mais sobre a gestão de produtos e os produtos em destaque nos nossos artigos de suporte.

Configuração de produtos na homepage

Neste menu, podes ainda definir o número de produtos e categorias que pretendes que sejam apresentadas por linha na Homepage da tua loja. Estas configurações são definidas através dos submenus Produtos e Categorias respetivamente. 

  • Produto

No template Learts tens disponível a opção para ativar o zoom das imagens como fundo na página do produto. 

Ao ativares esta funcionalidade, quando passares com o cursor pela imagem presente na página do produto, a mesma será realçada, permitindo ver os seus detalhes. 

Podes ativar esta opção ao aceder ao menu Secções / Produtos e no submenu Definições selecionar a opção Ativar zoom de imagens.

  • Pesquisa

Podes ter os filtros disponíveis na pesquisa, no submenu Definições, ao ativar a opção Mostrar filtros de pesquisa. Os filtros de pesquisa permitem que os clientes possam usar filtros quando pesquisam por um produto na loja online. 

Personalização avançada por código

Caso pretendas personalizar algum aspeto da loja que não seja possível através do Shopkit Theme Editor e tenhas conhecimentos técnicos, podes customizar o template no menu Aparência / Avançado. Nas secções HTML (Head e Body), Javascript e CSS podes adicionar excertos de código e, assim, personalizar os detalhes que pretendes.

Neste menu tens também a possibilidade de personalizar os e-mails da tua loja online como por exemplo, o e-mail de confirmação de encomenda e o e-mail de registo de clientes. Podes ainda personalizar páginas específicas como por exemplo: 

  • Página de Manutenção: corresponde à página que surge ao teres o modo de manutenção ativo no menu Configurações / Geral;
  • Página 404: corresponde a uma página que não está disponível na tua loja online; 
  • Página de alteração de pagamento: corresponde à página na qual o cliente pode alterar o método de pagamento, após realizar uma encomenda na loja. 

Ainda ao nível da personalização avançada, podes clonar o template e editar diretamente os ficheiros de código do mesmo. Para isso, basta acederes ao menu Aparência / Templates e clicar na opção assinalada.

Clonar template

Ao clonares o template, surge um novo separador dentro do menu Aparência, designado por Custom template, que podes utilizar para ter acesso aos ficheiros de código para fazeres alterações.

Aviso

Um template clonado deixará de receber atualizações automáticas introduzidas pela Shopkit na plataforma.

Se quiseres customizar a loja de forma mais avançada e não tens conhecimentos técnicos de programação, podes solicitar um pedido de orçamento junto da nossa equipa técnica aqui.

Características do template

Dimensões de imagens 
  • Imagem de Produtos:400x400px;
  • Imagem de Categorias:400x400px;
  • Imagem de Marcas:400x400px;
  • Galeria de Imagens:
    • Vista em desktop:600px (450px em ecrãs de menor dimensão);
    • Vista em tablet:350px.

Nota

As dimensões das imagens no slideshow são as recomendadas para o template Learts. No entanto, ao definires uma altura no menu Componentes / Galeria de imagens / Slideshow, no campo Altura do slideshow, tens de ajustar a dimensão das imagens de acordo com a altura definida.

As imagens de rodapé não têm dimensões recomendadas, pois dependem do que definires no campo Altura das imagens, no menu Secções / Rodapé / Imagens de rodapé.

Blog

A criação de um blog para a tua loja online é um procedimento útil para a divulgação da mesma.

Irá permitir prestar um serviço informativo aos teus clientes e pode ser útil para aplicar práticas de SEO que irão auxiliar no posicionamento da tua loja nos motores de busca.

Para criares os artigos do blog, basta acederes ao menu Blog. Os mesmos vão ficar visíveis na homepage da tua loja.

Blog na loja online

Newsletter

É possível ter o módulo Newsletter, para que os teus clientes possam inscrever-se na mesma. Para tal, é necessário que tenhas a app Newsletter ativa no menu Apps / Marketing.

No template Learts a secção Newsletter está presente no rodapé da tua loja online.

Módulo Newsletter

Feed Instagram 

No template Learts podes mostrar os teus posts de Instagram na homepage da tua loja online. Para que esta secção esteja visível, deves aceder ao menu Apps / Outros e configurar e ativar a App Feed Instagram.

Feed Instagram