Menu superior

O menu superior da sua loja abriga, originalmente, as categorias. Porém, nosso tema adiciona diversas novas funcionalidades ao menu.

Importante: Você não pode deixar que o menu quebre para uma secunda linha. A quebra do menu é um BUG. Utilize os recursos do tema para que seu menu caiba em uma linha, como nas lojas de demonstração do tema e na imagem abaixo.

Limitador de categorias

Essa funcionalidade serve para que você consiga limitar o número de categorias que irão aparecer no menu superior. Dessa forma você evita com que seu menu fique grande demais e acabe quebrando para uma segunda linha. A funcionalidade Todas as categorias sempre irá exibir todas as categorias da sua loja.

var categoriasMenu = 5;

Troque o número para a quantidade de categorias que você deseja exibir.

Ícones no menu

O tema possui a funcionalidade de adicionar ícones as sua categorias do menu.

var iconesMenu = true;

true Ativa os ícones no menu.
false Desativa os ícones no menu.


Coloque entre as aspas a imagem do ícone que gostaria que fosse exibido na categoria.

var icone1Menusuperior = 'https://cdn.awsli.com.br/807/807233/arquivos/icone-vestuario.png';
var icone2Menusuperior = 'https://cdn.awsli.com.br/807/807233/arquivos/icone-calcados.png';
var icone3Menusuperior = 'https://cdn.awsli.com.br/807/807233/arquivos/icone-beleza.png';
var icone4Menusuperior = '';
var icone5Menusuperior = '';

– Você pode colocar ícones em até 10 categorias.
– Siga a ordem das categorias.
– Deixa as aspas vazias nas que não for utilizar.
– Tamanho máximo e recomendado: 32px x 32px.

Para criar um ícone: acesse aqui
Para fazer o upload do seu ícone: acesse aqui

Marcas e páginas de conteúdo no menu

A plataforma possui a opção de exibir as marcas e páginas de conteúdo da loja no menu superior. O tema permite que você troque o título e adicione ícones a elas.

var tituloPaginas = 'Páginas';

Altera o título da categoria de páginas de conteúdo no menu superior.


var iconePaginas = 'https://cdn.awsli.com.br/807/807233/arquivos/icone-paginas2.png';

Adiciona ícone a categoria de páginas de conteúdo no menu superior. Deixe as aspas vazias se não quiser utilizar.

Para criar um ícone: acesse aqui
Para fazer o upload do seu ícone: acesse aqui


var iconeMarcas = 'https://cdn.awsli.com.br/807/807233/arquivos/icone-marcas.png';

Adiciona ícone a categoria de marcas no menu superior. Deixe as aspas vazias se não quiser utilizar.

Para criar um ícone: acesse aqui
Para fazer o upload do seu ícone: acesse aqui

Todas as categorias

Essa funcionalidade cria um elemento no menu que sempre exibirá todas as categorias da sua loja. O lado não pode ser alterado, ele sempre ficará a direita, após as categorias.

var departamentos = true;

true Ativa o todas as categorias.
false Desativa o todas as categorias.

var tituloDepartamentos = 'Categorias';

Você pode alterar o título do todas as categorias.

Produto no submenu

O tema exibe de forma dinâmica o produto mais relevante da categoria. Não é necessário realizar nenhuma configuração, o próprio tema escolhe e puxa o produto mais relevantes. Você não pode escolher qual produto exibir.