Nessa área preta você pode montar toda a estrutura do topo da sua loja.

1. Escolha se a configuração é Computador ou Celular (configura para computador e também para celular)
2. Ao posicionar o mouse em cada linha, ele mostra o nome da área.
3. Ao clicar 2x nos icones azuis abre-se a tela de configuração
4. Os ícones no rodapé você pode usar em uma das áreas.

Crie as categorias, clicando em PRODUTOS/ CATEGORIAS

Nome: Coloque o nome da categoria
Slug: o nome da categoria em minúscula ou deixe em branco para ser criado automaticamente
Categoria Ascendente: Nao escolha nada se for a categoria principal. Se for sub categoria selecione a qual categoria principal irá pertencer. (para isso é necessário que a principal esteja criada.

Clique em Menus e Widgets e selecione a opção menu.

1. Clique para criar um novo menu
2. Digite o nome do menu (exemplo: menu principal)
3. Selecione as categorias da sua loja e clique em adicionar. (se esta opção não estiver disponível, clique em opções de tela no topo da página e ative)
4. Marque as opções: menu principal e menu móbile e salve

Você pode criar diversos menus e definir por áreas.

Para menus que serão incluídos no rodapé, não marque nenhuma opção em locais de exibição.

Para editar a página inicial do site, clique em PÁGINAS, procure pela página marcada como página principal e clique em editar no modo UX Builder.

1: Ao posicionar o mouse sobre a página vai aparecer um sinal de + dentro de um círculo azul. Clique no + e escolha uma opção na barra lateral.

2: Todas as opções, quando você clica duas vezes na área, tem um botão com opção de editar, deletar, duplicar. 

3. Na área lateral tem várias opções de edição referente a área que foi clicada.

Para editar o slide/banner:

Clique duas vezes no banner e na tela lateral configure da seguinte forma:

1: Altura: Auto (neste momento o banner pode ficar com apenas uma faixa. Dê dois cliques na faixa que ele volta para o tamanho normal.

2: Altere a imagem

3: Selecione a opção ORIGINAL

4: Visualize como fica em diferentes dispositivos.

Para adicionar áreas de produtos, posicione o mouse sobre a página, clique no + e escolha a opção PRODUCTS

1. Escolha o estilo da exibição do produto
2. Selecione a forma como será exibido
3. Escolha se quer página inteira (full) ou outro modo de exibição
4. Quantas colunas você quer para esta área.

5: Para escolher os produtos, digite as primeiras letras do produto e selecione. A ordem escolhida será a ordem de exibição

6: Ou escolha a categoria de produtos que deverá ser mostrada

7: Digite o total de produtos que irá aparecer

8: A ordem de exibição

9: Escolha se quer a ordem ascendente ou descendente.

Ao clicar no + em qualquer página sendo editada no modo UX builder, aparecem várias opções de itens para serem exibidos na página.

Uma opção muito utilizada é o ICON BOX. 
Confira abaixo passo a passo em vídeo

Existem dois passos para configurar o rodapé da sua loja.

1: Em Personalização do tema/ opções do tema/ selecione FOOTER.

Lá tem Footer 1, Footer 2 e Absolute Footer.

Configure quantas colunas, cor de fundo, cor do texto para essas areas e ative ou inative de acordo com a sua preferência.

2: Em Widget/Menu, selecione a opção widget e você terá várias opções para incluir conteúdo no rodapé.

Banner para computador
Largura 1.400px
Altura: fica a critério. Estreito: 300 – Tela cheia: 600

Banner para celular
Tela cheia: 1080x1920px
Retangular: 800×600

Produtos:
800×800 (no tamanho quadrado)
800×600 (no tamanho retangular)
600×800 (no tamanho vertical)