Manual de instalação e uso do tema
1.Acessando suas configurações

Para acessar as configurações de tema, acesse:

Minha loja > Design da loja > Editar tema.

Neste local, você poderá realizar desde configurações de cores, até mudar o texto de seu carrossel de informações. 

2.Edição do Código HTML e CSS

ATENÇÃO!

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 principal.

Vale lembrar que a Auaha 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.

Nós criamos um tema com diversas personalizações através do painel do tema e do painel administrativo da Tray, de modo a facilitar o controle da sua loja. Entretanto entendemos que você possa querer modificar as coisas um pouco mais afundo. É isso que vamos te explicar nessa seção.

Para fazer qualquer modificação mais complexa no seu tema será necessário que ele não esteja publicado. Mas não se preocupe, você não precisa tirar a loja do ar. Basta duplicar o tema. Caso o seu tema não esteja publicado ainda, você poderá fazer as alterações sem a necessidade de duplicar o tema, apesar de recomendarmos duplicá-lo.

Para isso Minha Loja > Design da Loja, no seu tema clique na setinha apontando para baixo e clique em Duplicar. Você poderá editar nome depois caso queira.

NOTA: Toda e qualquer atualização do tema disponibilizado pela Auaha será refletido apenas na instalação principal do tema. Caso você crie cópia do tema, será necessário duplicar novamente o tema principal e aplicar as edições desejadas no HTML e CSS.

3.Configurações Gerais

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Configurações Gerais

Configurações Gerais 
Informações gerais 
Banner full 
Banner exibido na página inicial. 
Mostrar na loja? O Sim Não 
Depoimentos 
Depoimentos exibidas na página 
Mostrar na loja? O Sim Náo 
CONFIGURAÇÃO 
CONTATO 
REDES SOCIAIS 
+ Categorias 
LOGO 
CORES 
Exibiçao de todas as categorias no merw superior. 
Mostru loja? O Sim Não 
Limite das Categorias 
Noticias exibidas na página 
Mostrar na bja? O Sim Não

O campo de configurações gerais, te possibilita realizar algumas alterações que fazem total diferença na finalização de seu tema.

CONFIGURAÇÃO

  • Banner Full: Este campo serve para demonstrar ou não o banner Home , em sua página principal.
  • + Categorias: Este recurso, serve para clientes que utilizam muitas categorias em sua loja. Serve para limitar a quantidade de categorias que aparecem na barra de categorias, fazendo com que o restante apareça apenas no botão “Ver+”
O que vocé está procurando? 
Entre ou cadastre-se 
Cine e Foto 
Cine e Foto 
Cameras Digitais 
Lentes 
Iluminação 
Microfones 
Bolsas 
Audio 
Flash 
Studio 
Iluminador 
Informática 
Drone 
Gravador de voz 
Microfone 
Acessórios 
Caixas de som 
Fones 
Informática 
Todas as Categorias 
Filmadoras Digitais 
Tripés e Suporte 
Cartões de memória 
Flash 
flash digital 
flash analogico 
flash com bateria 
Acessórios 
Estabilizadores Eletrônicos 
Garantia 
De até I ano na loja 
microfone com fio 
microfone sem fio 
Lentes 
Nikon 
Canon 
Fujifilm 
Sony 
Sigma 
Yougnuo 
inaçáo 
Desconto 
NO pagamento à Vista no boleto 
Tripé para iluminação 
Tenda para iluminação 
Bolsas 
Bolsas e Mochilas 
Case para notebooks, tablet e 
celulares 
Bagagem 
Audio 
Parcelamento 
Sem juros no cartào de crédito 
Calculadora Cientifica 
Armazenamento 
I m pressora 
Games 
Drone 
Frete Grátis 
Em compras acima de 
RSI.ooo,oo
  • Notícias: Exibe o campo de notícias na página inicial da loja.
auaha 
Últimas Notícias 
Xiaomi deve lançar seu primeiro 
smartwatch em novembro 
@ agenciaauaha 
O que você estâ procurando? 
Novo filtro do Snapchat permite desenhar 
em 30 com realidade aumentada 
Entre ou cadastre-se 
Chrome agora pode avisar se a sua senha 
vazou na internet; saiba como ativar 
Ver mais notícias
  • Depoimentos: Exibe o campo de depoimentos da loja na página inicial.
TECHouoh0 
O que voce está procurando? 
Cine e Foto 
Lentes 
Iluminaçao 
Entre ou cadastre-se 
Todas as categorias 
Bolsas 
Matheus sabes 
Positivo 
Audio 
Informática 
O que nossos clientes dizem 
Leonardo Salazar 
Positivo 
31/10'2019 
Drone 
Felipe Alexandre 
Positivo 
"Lorem ipsum dolor sit amet, 
consectetur adipiscing elit, sed do 
eiusmod tempor incididunt ut labore... 
Lorem ipsum dolor sit amet, consectetur 
adipisc.ng elit, sed do eiusmod tempor 
incididunt ut labore 
Lorem ipsum dolor sit amet, consectetur 
adip.scing elit, sed do eiusmod tempor 
incididunt ut labore 
Ver mais depoimentos
  • Alerta de Cookies: Em sites, é comum um alerta dizendo que o site utiliza cookies e tecnologias semelhantes para melhorar a experiência do usuário. Com o tema Tech Auaha é possível alterar o conteúdo textual e personalizar as cores.

CONTATO

Neste campo é possível inserir seus dados de contato: números de telefone fixo, WhatsApp, e-mail para contato e horário de atendimento.

Configurações Gerais 
(99) 3499_9999 
Das 8h às 20h 
CONFIGURAÇÃO 
CONTATO 
REDES SOCIAIS 
CORES 
INFORMAÇOES DE CONTATO 
(00) 
temas.tray@auaha.com.

REDES SOCIAIS

Neste campo, poderá inserir seus dados de redes sociais.

Insira apenas os dados após a barra, por exemplo:

www.facebook.com/agenciaauaha , insira apenas o que fica após a barra: agenciaauaha. O mesmo é válido para as outras redes sociais.

LOGO
Tamanho recomendado: 240×40 pixels

Para inserir o logotipo, certifique-se de que não inseriu o logotipo em: Minha loja > Design da Loja > Editar Imagens padrões > logotipo.

Configurações Gerais 
CONFIGURAÇÃO 
Logo 
A imagem pode ser otimizada em: 
https Wkraken .io/web-interface 
O nome do arquivo não deve ter espaço e 
nem caracteres. Ex: logo.png 
Selecione um arquivo 
SELECIONAR 
CONTATO 
REDES SOCIAIS 
LOGO 
CORES

CORES

A edição de cores é muito importante para a harmonia de sua loja virtual. Personalize as cores de seu tema de acordo com a sua preferência.

Acessando a configuração geral de cores é possível personalizar:

  • Cor principal: Utilizada para destaques, hovers e links.
  • Seleção de texto: Cor de fundo ao selecionar texto e Cor da fonte ao selecionar texto.
  • Botões padrão: Cor de fundo, Cor da fonte, Cor de fundo ao passar o mouse e Cor da fonte ao passar o mouse.
  • Botões de “Comprar”: Cor de fundo, Cor da fonte, Cor de fundo ao passar o mouse e Cor da fonte ao passar o mouse.

ATENÇÃO: O preenchimento das cores deve ser feito em código hexadecimal. Clique aqui para consultar os códigos das cores.

4.Menu

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Menu

No menu em questão, existem diversas configurações de cores de sua loja, incluindo cores de categoria, subcategorias e topo. Para as versões desktop e responsivo.

A edição de cores é muito importante para a harmonia de sua loja virtual. Personalize as cores de seu tema de acordo com a sua preferência.

Acessando o menu de cores é possível personalizar:

  • Fundo do Topo
auaha 
a que você esta procurando? 
Cine e Foto 
Iluminaç50 
NOVA 
Cor do 
Bolsas 
Audio 
Informática 
Parcelamento 
Sem juros no cartao de crédito 
Drone 
"232323 
Garantia 
Desconto 
o loja 
Entre ou cadastre-se 
Todas as Categorias 
06:i 
Frete Grátis 
astooo.oo
  • Barra do Topo
Whatsapp (tio) DODt:ooooo 
Entre 
Rastrear 
TECHauah0 
Cine e Foto 
ob?õ6 
u Que você esta procur 
Ilurninaçao 
Tom 
de f undo 
Coz de Texto 
de 
1300 X 400 PIXELS 
-odas as Categorias 
Frete Grátis 
Garantia 
De ano na 
Desconto 
No pagamento Vista no boleto 
Lenovo 
Parcelamento 
juros no de
  • Ícones do Topo
Whatsapp (tio) DODt:ooooo 
Entre 
Rastrear 
TECHauah0 
Cine e Foto 
ob?õ6 
u Que você esta procur 
Ilurninaçao 
Tom 
de f undo 
Coz de Texto 
de 
1300 X 400 PIXELS 
-odas as Categorias 
Frete Grátis 
Garantia 
De ano na 
Desconto 
No pagamento Vista no boleto 
Lenovo 
Parcelamento 
juros no de
  • Ícones do Menu
Atendimento 
TECI--lauaha 
Whatsapp 100) txx:oo-oooo 
Entre ou Cadastre-se 
Rastrear 
t.) Que você esla 
Iluminaçáo 
Cine e Foto 
06?66 
Garantia 
Lentes 
Bolsas 
Todas as Categorias 
HEROS 
Saiba mais' 
ÁREA NOBRE 
1300X400PlXELS • 
Desconto 
No Vista boleto 
Parcelamento 
Sem no de Crédito 
De até ano loja 
e 
Icones Menu 
Cor 
Frete Grátis 
compras de 
000.00 
e
  • Menu de Categorias (Desktop)
Rastrear Pedido 
auoho 
Cine e Foto 
Bolsas e Mochilas 
Case para notebooks, tablet e celulares 
Garantia 
De até 1 loja 
O que 
Iluminaçao 
Desconto 
Atendünento 
Informática 
whatsapp 000000000 
Entre cadastre-se 
Bolsas 
de Categorias Desktop 
de Texto 
de Texto ao passar mo use 
Drone 
33 
Todas as Categorias 
os 
1300X400PlXELS 
NO pagamento Vista no boleto 
Parcelamento 
Sem juros no cartão de Crédito 
Frete Grátis 
RSI.ooo.cw
  • Categoria nível 2
Rastrear 
TECHauah0 
que você está procurando:' 
(Oqoooocúoôoo 
Entn 
Cine e Foto 
Gravador de voz 
Microfone 
Acessórios 
Garantia 
De ate 
Lentes 
00:06 
Iluminaçao 
Desconto 
Bolsas 
Latias de som 
Audio 
Informática 
PIEROS 
Categoria Nível 02 
CM da fonte 
CM da 
Parcelamento 
Sem juros no cartão de crédito 
Todas as Categorias 
Frete Grátis 
Em compra
  • Categoria nível 3
w.-.t„pp 100) 
TECHauaha 
Cine e Foto 
Sem ju o no cartão de Crédito 
Iluminaçao 
Atendi„nto 
Informática 
Cameras Digitais 
Filmadoras Digitais 
Tripés e Suporte 
de memória 
Flash 
flash digital 
flash analogia 
flash com batuia 
Categoria Nivel 
CM da to 
*232323 
ao O 
Acessórios 
Estabilizadores Eletrônicos 
m 'crofone sem fio 
Parcelamento 
Todas as Categorias 
Frete Grátis 
000.00 
e
  • Todas as Categorias
Rastrear Pedido 
O que você está procurando? 
Atendimento 
Informática 
Whatsapp (00) (X)OOCv0000 
Entre ou cadastre-se 
Cine e Foto 
Cine e Foto 
Cameras Digitais 
Lentes 
Iluminaçao 
Microfones 
microfone com fio 
microfone sem fio 
Lentes 
Nikon 
Canon 
Fujifilm 
Sony 
Sigma 
Yougnuo 
Iluminação 
Bolsas 
Audio 
Flash 
Studio 
Iluminador 
Drone 
Gravador de voz 
Microfone 
Acessórios 
Caixas de som 
Fones 
Informática 
Calculadora Cientifica 
Armazenamento 
Impressora 
Games 
Drone 
odas as Categorias 
Filmadoras Digitais 
Tripés e Suporte 
Cartões de memória 
Flash 
flash digital 
flash analogico 
flash com bateria 
Acessórios 
Estabilizadores Eletrônicos 
Tripé para iluminação 
Tenda para iluminaçao 
Bolsas 
Bolsas e Mochilas 
Case para notebooks, tablet e 
celulares 
Bagagem 
Audio

ATENÇÃO: O preenchimento das cores deve ser feito em código hexadecimal. Clique aqui para consultar os códigos das cores.

5.Selos

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Selos

No tema , existe a opção de estilizar a cor dos selos de produto.

ATENÇÃO: O preenchimento das cores deve ser feito em código hexadecimal. Clique aqui para consultar os códigos das cores.

6.Vitrine

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Vitrine

Além de deixar a loja mais limpa, a vitrine em carrossel ajuda no carregamento da loja, deixando-a mais rápida.

Vitrine 
Mostrar Vitrine na loja ? 
O Sim C) Não 
Titulo 
melhores descontos 
Subtitulo 
Categoria 
Quantidade de Produtos 
Filtro 
Vitrine sem Carrossel ? 
l) Sim (ü) Não 
Tamanho da Imagem 
imagem 180 180 
O imagem 300 
CONFIGURAÇÃO 
COR 
Mostrar Vitrine na loja ? 
O Sim C) Não 
Titulo 
amentos 
Subtitulo 
Destaque 
Categoria 
Quantidade de Produtos 
Filtro 
Vitrine sem Carrossel ? 
l) Slm C) Não 
Mostrar Vitrine na loja ? 
O Sm (3 Não 
Titulo 
mais vervdidOS 
Subtítulo 
Destaque 
Categoria 
Quantidade de Produtos 
Filtro 
Vitrine sem Carrossel ? 
(3 Sm (3 Não
  • Título: Preencha o título da vitrine. Para estilizar com duas cores conforme consta na loja de demonstração insira <strong> antes da primeira palavra e </strong> ao final da primeira palavra.
  • Categoria: Preencha com o número da categoria para apresentar somente produtos de determinada categoria na vitrine (Para conseguir o código de categoria acesse: Produtos > Categorias > Verifique o número ao lado do nome da categoria).
  • Quantidade: Defina a quantidade de produtos a serem carregados na vitrine.
  • Filtro: Funciona da mesma forma que o filtro por categoria, porém apresenta produtos de acordo com os filtros abaixo:
  • Ativar carrossel: Ativar ou desativar o carrossel na vitrine.
  • Escolha o tamanho da imagem a ser exibida na vitrine.
7.Banner Régua

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Banner Régua

Com o campo de configuração do banner régua é possível Ativar a exibição do Banner Régua e editar o conteúdo textual.

8.Marcas

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Marcas

Com o campo de configuração das marcas é possível Ativar a exibição do carrossel de marcas, incluir imagens e preencher o título da marca.

9.Newsletter

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Newsletter

Com o campo de configuração do Newsletter é possível Ativar a exibição do newsletter, preencher o título e personalizar as cores de acordo com sua preferência.

10.Rodapé

Para acessar essa seção, vá em Minha Loja >> Design da Loja >> Editar Tema >> Rodapé

Com o campo de configuração do Rodapé é possível inserir links institucionais no rodapé do site e personalizar as cores de fonte, fundo e cor ao passar o mouse.