A DevRocket tem o foco em desenvolvimento e soluções para internet, ajudando a sua marca crescer on-line. Saiba mais sobre nós:
Site: devrocket.com.br
Facebook: DevRocket
Instagram: DevRocket
Twitter: DevRocket
Blog: DevRocket
Contato Comercial: comercial@devrocket.com.br
Tel / WhatsApp (14) 99902-1354
Contato Suporte: suporte@devrocket.com.br
Tel / WhatsApp (14) 99869-6227
Qualquer dúvida sobre configurações do tema, entre em contato através do suporte.
** Você tem o direito ao nosso suporte por 180 dias e lhe responderemos em até 48 horas úteis.
Importante:
- Não prestamos suporte gratuito para lojas que retirarem nosso logotipo do tema, e caso haja implementações ou alterações de terceiros que ao serem inseridos tenham causado algum tipo de problema.
- O suporte é para dúvidas e possíveis falhas do tema, lembrando que todos os nossos testes ocorrem no tema padrão atualizado DevRocket.
- Para configurações e alterações de código padrão, o mesmo é realizado via orçamento através de e-mail ou WhatsApp.
- Configurações e funcionalidades nativas da plataforma é de responsabilidade do lojista ou por meio de orçamento através do e-mail e WhatsApp.
- Não recomendamos a alteração HTML/CSS/JS do tema instalado, caso não possua conhecimento em programação.
- A DevRocket não possui obrigatoriedade em prestar suporte para funcionalidades da plataforma e para suporte com relação à alteração da estrutura do código do tema.
- Todo e qualquer tipo de problema com relação à plataforma, como configuração de frete, formas de pagamento, integrações e outros, deve ser tratado diretamente com o suporte da plataforma.
- Recomendamos cadastrar os produtos com as imagens padrões, sendo todas do mesmo tamanho de 1000 x 1000px para ficar conforme o demonstrativo.
- Solicitar diretamente na Tray a alteração de thumb de 180 x 180px para 450 x 450px.
Ao comprar o tema Tech DevRocket e o pagamento ser compensado, o mesmo ficará disponível para publicação na sua loja virtual.
Acesse: Minha Loja » Design da Loja » Temas Instalados e não Publicados » Publicar.
(caso queira, poderá realizar todas as alterações desejadas de cores e banners, e publicar somente no final, assim não atrapalhará o fluxo da sua loja virtual, caso já esteja lançada e ocorrendo vendas).
Recomendamos sempre salvar os procedimentos realizados para sempre refletir na loja virtual, lembrando que pode haver um cache de até 30 minutos.
![](https://painel.devrocket.com.br/uploads/documentacao/df7c618ac314a02cc20cb8d0b4133e888d138cc7.JPG)
Redes Sociais - Configurações Gerais
Divulgue suas redes sociais na sua loja virtual e proporcione uma divulgação mais rápida e eficaz para seus clientes.
Acesse: Minha Loja » Design da Loja » Editar Tema » Redes Sociais
![](https://painel.devrocket.com.br/uploads/documentacao/1725596e042b973828eff62c175d9ef29ffe215b.JPG)
Preencha os campos de Facebook, Twitter, Instagram, YouTube e Pinterest com a URL completa.
Exemplo: https://pt-br.facebook.com/suaempresa
WhatsApp: Preencha com o DDD e o número, onde ao ser preenchido, automaticamente o ícone do WhatsApp flutuante apresenta em sua loja virtual.
Exemplo: (00) 00000-0000
Frase WhastApp: Preencha com a frase desejada.
YouTube - Vídeo na Página Inicial: Copie e cole a URL do vídeo desejado do YouTube.
Exemplo: https://www.youtube.com/watch?v=Vv0_PSzRWlE
Recursos e Notícias - Configurações Gerais
Para habilitar os recursos da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Recursos.
![](https://painel.devrocket.com.br/uploads/documentacao/16503ac73c2ea7961f5a6ef82d6c9091ff884dc4.JPG)
Filtro Inteligente: ao ativar, o filtro inteligente é apresentado nas categorias da loja virtual ao acessar tanto em desktop, quanto em mobile.
Cache no infopreço: ao ativar, é apresentado o "carregando" no preço do produto por alguns segundos, antes de sua apresentação de fato.
![](https://painel.devrocket.com.br/uploads/documentacao/19ef6f05fe46113f6b498602ad6188b3025f46d8.JPG)
Habilitar Notícias: ao ativar, ativa a exibição das notícias página inicial. O mesmo é uma funcionalidade da plataforma: Notícias da Loja
Título da Seção de Notícias: informar qual o título desejado para apresentar na home.
Exemplo: Notícias / Dicas / Blog
Tamanho indicado para imagens nas notícias: 400 x 400px
LGPD - Configurações Gerais
Essa opção é para habilitar o alerta de notificação de que seu site usa cookies, porém o mesmo é somente visual do tema, lembrando que a plataforma que cuida de todas as informações e base de dados.
Para saber mais como a plataforma Tray está perante a LGPD entre em contato diretamente com a plataforma.
Para habilitar o alerta de LGDP da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » LGPD.
![](https://painel.devrocket.com.br/url/6179a96d80eaf)
Habilitar LGPD: Sim ou Não, ao selecionar essa opção aparecerá a mensagem na página da loja quando o cliente acessar pela primeira vez.
Título LGPD: é o título que ficará internamente no código do seu tema.
Frase: inclua a frase desejada que apresentará para seu cliente aceitar quando acessar a sua loja.
Nome Página: inclua o nome da página que receberá o hiperlink para redirecionar quando o cliente clicar para leitura.
URL Página: inclua a URL da página que está configurada no painel da sua plataforma Tray com todas as informações.
Cor do Botão: inclua a cor desejada para o botão de aceite do alerta.
Cor de fundo: inclua a cor desejada para a a cor de fundo do alerta.
Vamos deixar a sua loja virtual com as cores da sua marca.
![](https://painel.devrocket.com.br/uploads/documentacao/746ab8b092b955f0eae5eaee269defd0fc290e66.JPG)
Apresentação dos Produtos em Slide: Sim ou Não; se sim, os produtos apresentam em carrossel para os clientes clicarem;
Apresentação do Full Banner: Padrão ou 100% da tela;
Cor Primária (Botões, títulos): inclua a cor desejada para botões e títulos;
Cor Secundária (Subtítulos): inclua a cor desejada para os subtítulos;
Cor do texto das "Palavras mais buscadas": é necessário ativar a exibição no painel da loja, e assim inclua a cor desejada;
Cor do título das "Palavras mais buscadas": é necessário ativar a exibição no painel da loja, e assim inclua a cor desejada;
Cor do título das "Avaliações da Loja": é necessário ativar as avaliações pelo painel da loja, e assim inclua a cor desejada;
Cor do fundo do cabeçalho: inclua a cor desejada para o fundo do cabeçalho onde apresenta a barra de busca;
Cor de fundo da loja: a cor do fundo da loja irá ser alterado, conforme o padrão do tema, sendo assim, inclua a cor desejada;
Cor dos ícones do cabeçalho: inclua a cor desejada para os ícones do cabeçalho (carrinho, pedidos e conta);
Cor dos títulos dos ícones do cabeçalho: inclua a cor desejada para os títulos do cabeçalho (carrinho, pedidos e conta);
Cor do fundo da quantidade do carrinho: inclua a cor desejada para a bolinha que apresenta a quantidade no ícone do carrinho;
Cor do texto da quantidade do carrinho: inclua a cor desejada para o número que apresenta na bolinha do ícone do carrinho;
Cor do texto do Instagram: inclua a cor desejada para a chamada do Instagram acima do rodapé;
Cor do link do Instagram: inclua a cor desejada para o seu perfil do Instagram acima do rodapé.
Barra de Oferta - Cores e Layout
![](https://painel.devrocket.com.br/uploads/documentacao/ffa1beadd9d720520ec8feb689a06a57365088a6.JPG)
A barra de oferta fica acima do cabeçalho, onde apresenta a frase desejada.
Habilitar Barra de Ofertas: Sim ou Não;
Cor de fundo: inclua a cor desejada para a barra de oferta da sua loja virtual;
Cor do texto: inclua a cor desejada para o texto do barra de oferta.
Texto de Oferta: inclua o texto desejado para apresentar na barra de oferta.
![](https://painel.devrocket.com.br/uploads/documentacao/973e067f05efc8e27dbe115304c73bfcee2e7d8d.JPG)
Cor de fundo: inclua a cor desejada para o fundo do menu;
Cor do texto: inclua a cor desejada para o texto do menu;
Cor do ícone do menu mobile: inclua a cor desejada para o ícone do menu no mobile;
Quantidade de Categorias no Menu: inclua a quantidade de categorias desejada para o menu;
![](https://painel.devrocket.com.br/uploads/documentacao/ee8f820b43c20c652d23bd0343b964b044a65755.JPG)
Cor do título da vitrine: inclua a cor desejada para o título da vitrine;
Cor do nome do produto e parcelamento: inclua a cor desejada para o nome do produto e parcelamento na vitrine;
Cor do preço principal do produto: inclua a cor desejada para o preço do produto;
Newsletter - Cores e Layout
![](https://painel.devrocket.com.br/uploads/documentacao/29c0af6704a918db105dba0e6961eb7d76e27121.JPG)
Habilitar Newsletter: Sim ou Não - possibilidade de escolher se deseja apresentação da newsletter na loja;
Cor do fundo: inclua a cor desejada para o fundo da newsletter;
Cor do título: inclua a cor desejada para o título da newsletter;
Cor do subtítulo: inclua a cor desejada para o subtítulo da newsletter;
Cor do fundo do botão: inclua a cor desejada para o fundo do botão no qual o cliente se cadastra;
Cor do texto do botão: inclua a cor desejada para o texto do botão;
Cor da borda do campo nome e e-mail: inclua a cor desejada para a borda;
Cor do texto do campo nome e e-mail: inclua a cor do texto dos campos;
Imagem de fundo da newsletter no desktop: imagem no tamanho 1920 x 1283px;
Imagem de fundo da newsletter no mobile: imagem no tamanho 360 x 400px;
Título: inclua a frase desejada para a apresentação na loja virtual;
Texto: inclua o texto desejado para a apresentação na loja virtual;
Texto do botão: inclua a palavra desejada para apresentar no botão;
Habilitar newsletter Pop-Up: Sim ou Não;
** O pop-up apresenta a cada 24 horas para o mesmo acesso.
![](https://painel.devrocket.com.br/uploads/documentacao/52b78e7fffc83d9a3f915441369a3a369845c5bd.JPG)
Cor das redes sociais: inclua a cor desejada para as redes sociais da loja;
Cor da mensagem de rodapé: inclua a cor desejada para a mensagem do rodapé;
Produtos - Cores e Layout
![](https://painel.devrocket.com.br/uploads/documentacao/18ebc1500421c0f8899a8171453f33cdc71650c9.JPG)
Quantidade de produtos por Seção: o padrão é 12, porém poderá colocar a quantidade desejada;
Cor do preço principal: inclua a cor desejada para o preço principal;
Cor de fundo do botão "comprar" (listagem): inclua a cor desejada para o botão "comprar";
Cor do texto do botão "comprar": inclua a cor desejada para o texto do botão "comprar";
Cor do fundo do botão de quantidade: inclua a cor desejada para o fundo do botão de quantidade;
Cor do símbolo do botão de quantidade: inclua a cor desejada para o símbolo do botão de quantidade;
Cor de fundo do botão do frete: inclua a cor desejada para o fundo do botão de frete;
Cor do texto do botão do frete: inclua a cor desejada para o texto do botão de frete;
Cor de fundo das abas: inclua a cor desejada para o fundo das abas dos produtos;
Cor do texto das abas: inclua a cor desejada para o texto das abas dos produtos;
Cor do título dos produtos visitados: inclua a cor do título dos produtos visitados;
Cor do título dos produtos relacionados: inclua a cor desejada para o título dos produtos relacionados;
Cor do subtítulo dos produtos visitados: inclua a cor desejada para o subtítulo dos produtos visitados;
Cor do subtítulo dos produtos relacionados: inclua a cor desejada para o subtítulo dos produtos relacionados;
Cor dos botões dos produtos visitados: inclua a cor desejada para os botões dos produtos visitados;
Texto dos botões dos produtos visitados: inclua a cor desejada para o texto dos botões dos produtos visitados;
Cor do texto da Tarja de Desconto: inclua a cor desejada para o texto da tarja de desconto;
Cor do fundo do botão "comprar" (página do produto): inclua a cor desejada para o botão "comprar";
Cor do texto do botão "comprar": inclua a cor do texto desejado para o botão "comprar", o botão que aparece quando passa o mouse em cima da foto do produto na home;
Texto do botão "comprar": inclua o texto desejado para que apareça no botão na home;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores e Layout" » Comentários da loja.
Habilitar os Comentários na loja: Sim ou Não;
Título: Inclua o título desejado para os comentários;
Descrição: Inclua a descrição desejada para os comentários;
Cor do fundo dos comentários: Inclua a cor desejada para o fundo dos comentários;
Cor da borda: Inclua a cor desejada para a borda dos comentários;
Cor do texto "Nome": Inclua a cor desejada para o texto;
Cor do texto "Depoimento": Inclua a cor desejada para o texto;
![](https://painel.devrocket.com.br/url/648877c7853d4)
Upload da imagem no tamanho recomendado: 100 x 100 px;
Nome: Inclua o nome do cliente;
Depoimento: Inclua o depoimento do cliente;
![](https://painel.devrocket.com.br/uploads/documentacao/02b224304eb4df2d6c318f1d00927675bb54541f.JPG)
Para o funcionamento correto do tema Tech, tanto no mobile quanto desktop, pedimos que deixe selecionado as opções acima, dos quais estão listadas abaixo:
Banners responsivos;
Setas;
Efeito Fade;
Dots;
Infinito;
Autoplay;
![](https://painel.devrocket.com.br/uploads/documentacao/4482638322f09ce6f3d81acd730abd4929daa533.JPG)
Cor das setas: inclua a cor desejada para as setas dos banners;
Cor das setas ao passar o mouse: inclua a cor desejada para apresentar no momento que passar o mouse;
Cor dos dots: inclua a cor desejada para os dots (bolinhas que apresentam juntamente com o banner home);
Cor dos ativos: inclua a cor desejada para os dots quando estiverem ativos;
Tamanho Recomendado de Banners
Tamanho recomendado para os banners e os locais corretos de inserção.
Banners Desktop:
» Full Banner
Local: Banner Home
Dimensões:
Largura: 1400px
Altura: 450px
![](https://painel.devrocket.com.br/url/61cb202b9622a)
» Banner Tarja
Local: Extra 1
Dimensões:
Largura: 1400px
Altura: 120px
![](https://painel.devrocket.com.br/url/61cb20783a87e)
» Mini Banner 1
Local: Extra 2
Dimensões:
Largura: 400px
Altura: 400px
» Mini Banner 2
Local: Extra 3
Dimensões:
Largura: 400px
Altura: 400px
» Mini Banner 3
Local: Extra 4
Dimensões:
Largura: 400px
Altura: 400px
![](https://painel.devrocket.com.br/url/61cb209ab3de3)
» Mini Banner 4
Local: Extra 7
Dimensões:
Largura: 700px
Altura: 569px
![](https://painel.devrocket.com.br/url/61cb214e3c3b0)
» Mini Banner 5
Local: Extra 12
Dimensões:
Largura: 700px
Altura: 569px
![](https://painel.devrocket.com.br/url/61cb21571a1a4)
Banners Mobile:
» Full Banner - mobile
Local: Extra 5
Dimensões:
Largura: 400px
Altura: 500px
![](https://painel.devrocket.com.br/url/61cb217ae1c3f)
Banner Newsletter Pop-up:
Local: Extra 6
Dimensões:
Largura: 1100px
Altura: 500px
![](https://painel.devrocket.com.br/url/61cb218e82394)
Inserindo os Banners na Loja
Para a inserção dos banners na loja virtual, acesse: Marketing » Banners da Loja » clique em "Cadastrar Banner".
Observações:
- O título das imagens não poderá possuir: espaçamento, caractere especial, acentuações e nomes repetidos de outras imagens, pois isso pode impactar ao upar o arquivo no editor do tema.
- O peso dos banners precisará ser menor ou igual ao peso de 350kb, peso permito pela Tray.
Insira o nome, banners e a localização correta de exibição conforme o manual e salve.
Atenção: o banner home, para ficar rotativo deve-se selecionar a opção conforme abaixo:
![](https://painel.devrocket.com.br/uploads/documentacao/050bca21e4dbde8fc13f14118dc35335fc2a6181.JPG)
Banners do Tema Demonstrativo
Aqui você pode baixar os banners do tema demonstrativo para adequar a sua loja virtual.
O arquivo contém as imagens em PNG e PSD (arquivos para Photoshop).
Baixe os banners aqui.
Caso queira baixar a fonte utilizada no tema, clique aqui.
![](https://painel.devrocket.com.br/uploads/documentacao/e06f58ad183729404eccc38cd9bb7d5a6b973ca8.JPG)
Exibir apenas produtos disponíveis: para exibir apenas produtos com estoque na home;
Direcionar direto para o carrinho: ao clicar no produto, o cliente já adiciona o produto ao carrinho e não visualiza a página do produto;
Exibir tag desconto: para exibir a tag desconto no produto quando houver promoção, basta deixar a opção ativada;
Como exibir os produtos no mobile: escolha a quantidade de coluna desejada para apresentar na versão mobile;
Escolha uma forma que será exibido preços anteriores à promoção: escolha a forma de como os preços anteriores serão exibidos;
Vitrine 1: escolha como deseja exibir os produtos;
Vitrine 2: escolha como deseja exibir os produtos;
Vitrine 3: escolha como deseja exibir os produtos;
Avaliações da Loja e Selo no Rodapé
![](https://painel.devrocket.com.br/uploads/documentacao/13d186adceb502a2890738c3518047e6a9ddff4c.JPG)
Mostre aos seus clientes, o quanto a sua loja considera as opiniões deles. Ative e deixe visível na home as avaliações.
Para inserir o Selo de Segurança, ative e inclua o código HTML desejado.
** Lembrando que o código do selo é de responsabilidade do lojista.
Para a loja virtual, indicamos a logo no tamanho 300 x 100px sem fundo.
Acesse: Minha Loja » Design da Loja » Editar Imagens Padrões » Logotipo.
![](https://painel.devrocket.com.br/uploads/documentacao/a1bf2ff594e8ffe4bf6bb2a8ebd09059acb4d56d.JPG)
Para a inclusão dos ícones no menu, é necessário que as categorias já estejam cadastradas.
Segue link para passo a passo de upload da imagem na categoria: Tray.
Acesse: Meus aplicativos » Instalar Novos Aplicativos » pesquise por "Imagens na Categoria e Subcategoria" » Instalar.
![](https://painel.devrocket.com.br/uploads/documentacao/9477bd572c53e44bb6a4d5391e8bab2e62eceb40.JPG)
Caso não possua os ícones do seu nicho, poderá realizar a criação deles mediante a orçamento com nosso comercial, ou pesquisá-los diretamente no Google.
Sempre no tamanho de 32 x 32px e em formato PNG.
Você finalizou todo o passo a passo e seu tema está prontinho!
Desejamos ótimas vendas e que seu novo tema deixe seus clientes ainda mais engajados com seus produtos ❤️
É um prazer tê-lo conosco na DevRocket!