Este módulo é dedicado para que o usuário realize a configuração de cores, fundos e disposição dos componentes de sua loja virtual. Esta configuração pode ser realizada com o modo básico ou avançado. Abaixo estão descritos os campos do modo avançado.

Cores

Siga os passos abaixo para configurar as Cores da loja.

Acesse a página de administração.
Clique em Aparência / Cores e temas.
(Opcional) Clique em Modo avançado.
Este modo só é mostrado caso você tenha clicado em Modo básico.
⠀
Clique na área que deseja editar.

Preencha os formulários respectivos à área selecionada:
⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para toda a página.
Imagem de fundo	Selecione a imagem que será usada como plano de fundo para toda a página (similar ao papel de parede).
Posição da imagem de fundo	Indique o posicionamento da imagem de plano de fundo em relação ao local onde a mesma será exibida.
Repetição da imagem de fundo	Indique se a imagem será repetida no plano de fundo, ampliando sua área de abrangência.
Fundo ao rolar a página	Indique se a imagem de plano fundo é fixa, não move conforme a barra de rolagem é utilizada, ou se rola junto com a página.
Cantos	Indique se os cantos das principais áreas de conteúdo da loja virtual, como botões e menus, serão retos ou arredondados.

⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para toda a área de Cabeçalho .
Imagem de fundo	Selecione a imagem que será usada como plano de fundo para toda a área de Cabeçalho (similar ao papel de parede).
Posição da imagem de fundo	Indique o posicionamento da imagem de plano de fundo em relação ao local onde a mesma será exibida.
Repetição da imagem de fundo	Indique se a imagem será repetida no plano de fundo, ampliando sua área de abrangência.
Estilo de tema	Indique qual estilo foi adotado com a cor ou imagem de plano de fundo para que as cores de conteúdo se adaptem a estes. As opções válidas são claro ou escuro .

⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para toda a área de Menu .
Imagem de fundo	Selecione a imagem que será usada como plano de fundo para toda a área de Menu (similar ao papel de parede).
Cor de fundo dos itens	Selecione a cor de fundo dos itens que se encontram no Menu.
Cor com o mouse sobre o item	Indique a cor de plano de fundo dos itens do menu quando ou mouse estiver sobre eles.
Cor do separador de itens	Selecione a cor da linha separadora entre os itens do menu.
Estilo de tema	Indique qual o estilo foi adotado com a cor ou imagem de plano de fundo para que as cores de conteúdo se adaptem a estes. As opções válidas são claro ou escuro .

⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para toda a área de Conteúdo .
Imagem de fundo	Selecione a imagem que será usada como plano de fundo para toda a área de Conteúdo (similar ao papel de parede).
Posição da imagem de fundo	Indique o posicionamento da imagem de plano de fundo em relação ao local onde a mesma será exibida.
Repetição da imagem de fundo	Indique se a imagem será repetida no plano de fundo, ampliando sua área de abrangência.
Fundo ao rolar a página	Indique se a imagem de plano fundo é fixa, não move conforme a barra de rolagem é utilizada ou se rola junto com a página.
Barras laterais	Indique se as colunas da esquerda e da direita estarão habilitadas na disposição do layout. Coluna esquerda : responsável por exibir o menu de categorias e os filtros de características dos produtos. Coluna direita : exibe os banners laterais da loja virtual.
Destaque do preço na página de produto	Defina a forma que o preço do produto será destacado na loja. Destacar o preço: O preço do produto é destacado na loja. Destacar o parcelamento: O parcelamento do produto é destacado na loja.

⠀

Opção

Descrição

Cor de fundo

Selecione a cor de plano de fundo que será usada para todos os itens primários das páginas.

Estilo de tema

Indique qual o estilo foi adotado com a cor ou imagem de plano de fundo para que as cores de conteúdo se adaptem a estes. As opções válidas são claro ou escuro .

Cor de texto primário

Selecione a cor de fonte de textos primários.

Exemplo: Preço.

⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para todos os itens secundários das páginas.
Estilo de tema	Indique qual o estilo foi adotado com a cor ou imagem de plano de fundo para que as cores de conteúdo se adaptem a estes. As opções válidas são claro ou escuro .

⠀

Opção	Descrição
Cor de fundo	Selecione a cor de plano de fundo que será usada para toda a área de Rodapé .
Imagem de fundo	Selecione a imagem que será usada como plano de fundo para toda a área de Rodapé (similar ao papel de parede).
Posição da imagem de fundo	Indique o posicionamento da imagem de plano de fundo em relação ao local onde a mesma será exibida.
Repetição da imagem de fundo	Indique se a imagem será repetida no plano de fundo, ampliando sua área de abrangência.
Estilo de tema	Indique qual o estilo foi adotado com a cor ou imagem de plano de fundo para que as cores de conteúdo se adaptem a estes. As opções válidas são claro ou escuro .

⠀⠀

Clique em Salvar .

Temas

Siga os passos abaixo para configurar os Temas da loja.

Acesse a página de administração.
Clique em Aparência / Cores e temas.
Clique em Modo Básico.
Selecione o tema.
Clique em Salvar