Neste manual vamos apresentar todas as configurações necessárias que precisam ser feitas dentro do painel administrativo da sua loja para que o tema seja completamente instalado.
Leia todo o conteúdo dessa documentação e siga os passo-a-passos para que seu tema seja instalado e configurado corretamente na sua loja.
Ao adquirir um novo tema com a Tray, ele é disponibilizado na sua loja em questões de minutos. A partir desse momento o tema é seu e você poderá fazer qualquer modificação que desejar. Porém, apesar do tema estar instalado, ele ainda não está visível publicamente ao seus clientes.
Para encontrar os temas adquiridos basta ir em Minha Loja > Design da Loja. Nessa seção você irá encontrar todos os temas já instalados na sua loja, visualizar qual tema está publicado e quais estão disponíveis para publicação, visualizar uma prévia de um dos temas que possui, e ainda fazer edições no seus temas. Esses últimos pontos veremos mais adiante.
Para editar o estilo do tema, vá em Minha loja > Design da Loja e clique em Editar Tema.
No menu Cores do Layout, é possível estilizar as cores principais do site, como cabeçalho, menu, inserir o logo do site, spot dos produtos e etc. Segue abaixo um exemplo.
OBS.: Lembre-se de que as cores do painel, devem ser salvas em Hexadecimal, exemplo: #333333. Para facilitar o uso de hexadecimal, utilize o site Google Color Picker para escolher as cores, segue o exemplo abaixo:
No menu Configuração Vitrines, é possível ativar ou desativar as vitrines de Destaque e Novidades, configurar seus títulos e a quantidade de produtos na vitrine. Segue um exemplo abaixo.
Na Aba Redes Sociais, é possível configurar as seguintes URLs:
As redes apareceram no rodapé e no cabeçalho de informações do site, conforme são cadastradas no painel.
Para editar os banners, basta acessar o painel e seguir o caminho Marketing > Banners da loja.
Para Cadastrar o Banner principal Desktop do site basta definir se ele será rotativo ou não, selecionar a imagem, ou as imagens caso ele seja rotativo, o link de cada banner (caso tenha) e o Local de exibição: Banner Home, depois clique em Salvar.
Dimensões do banner: 1920x650 pixels.
Segue o exemplo abaixo:
Clique para ampliar a imagem.
Para Cadastrar o Banner principal Mobile do site basta definir se ele será rotativo ou não, selecionar a imagem, ou as imagens caso ele seja rotativo, o link de cada banner (caso tenha) e o Local de exibição: Banner Home Mobile, depois clique em Salvar.
Dimensões do banner: 768x650 pixels.
Segue o exemplo abaixo:
Clique para ampliar a imagem.
Para Cadastrar o Banner Central Desktop do site basta definir se ele será rotativo ou não, selecionar a imagem, ou as imagens caso ele seja rotativo, o link de cada banner (caso tenha) e o Local de exibição: Extra 5, depois clique em Salvar.
Dimensões do banner: 1366x420 pixels.
Segue o exemplo abaixo:
Clique para ampliar a imagem.
Para Cadastrar o Banner Central Mobile do site basta definir se ele será rotativo ou não, selecionar a imagem, ou as imagens caso ele seja rotativo, o link de cada banner (caso tenha) e o Local de exibição: Extra 6, depois clique em Salvar.
Dimensões do banner: 992x700 pixels.
Segue o exemplo abaixo:
Clique para ampliar a imagem.
Para Cadastrar o Banner de Categoria basta definir ele como não rotativo, selecionar a imagem, o link do banner (caso tenha) e o Local de exibição: Extra 10. Em seguida vá na aba Selecione as categorias abaixo e marque a opção Desejo selecionar apenas algumas categorias para capturar, e selecione a(s) categoria(s) desejada. Depois clique em Salvar.
Dimensões do banner: 1920x600 pixels.
Segue o exemplo abaixo:
Clique para ampliar a imagem.
Orientações sobre as edições no código.
Recomendamos criar uma cópia de segurança antes de editar os códigos HTML e CSS do seu tema. Assim, caso aconteça algum problema você poderá retornar rapidamente a um tema funcional.
Vale lembrar que a Superteia não se responsabiliza por problemas gerados devido a edição do código.
Somente edite o código do seu tema se tiver conhecimentos avançados em HTML, CSS e JS, caso contrário o tema poderá parar de funcionar na sua loja.
Após criar uma cópia de segurança, clique em Editar Html, abrirá uma página com o projeto e todos os arquivos. Para editar o CSS basta seguir os passos abaixo, clicar em Salvar e em seguida Publicar. OBS: Apenas publique após finalizar todas as alterações no CSS, para visualizar o projeto, basta voltar na página anterior e clicara em Visualizar na Loja.
