Página de Categoria de Produtos

Uma página de categoria de produtos é um tipo de página que se repete para cada uma das categorias criadas no CMS. Ou seja, caso existam duas categorias na loja online (sapatos e botas), cada uma com os respetivos produtos, não é necessário criar uma página para cada uma delas. É apenas necessário criar uma, visto que a estrutura se irá repetir para cada uma das categorias criadas, mudando apenas a informação contida nas mesmas.

Atenção: Antes de dar início à criação de uma loja online na nossa plataforma, é importante que já tenha as noções de como criar um website básico, nomeadamente a criação de páginas, criação de elementos e a inserção dos mesmos no código HTML. Clique aqui para ver os tutoriais de como criar um website básico.

1. Criar Página de Categorias de Produtos

Para criar uma Página de Categorias de Produtos vá até:
Gestor CMS -> Websites -> Alterar Estrutura e clique no símbolo + para criar uma nova página.

No campo do nome, vamos colocar "Categoria".

Atenção: numa página de categoria de produtos, o nome da página estará presente como um slug no URL da mesma. Ou seja, se colocar o nome "categoria" e for criada uma categoria "sapatos" o URL será o seguinte:
www.aminhalojaonline.pt/categoria/sapatos

Selecione o tipo de página Página de Categorias de Produtos.

O campo Registos por Página serve para selecionar quantos produtos serão apresentados por página. O ideal será escolher um múltiplo daqueles apresentados no template por linha.

Como vamos selecionar esta página do template, e ela está organizada com três produtos por linha, vamos colocar 18 registos por página.
É possível criar um sistema de paginação, que permita ao utilizador final navegar entre as páginas páginas dos produtos. Veremos isso mais tarde.

Clique em "Guardar".

2. Inserir elementos de categoria na página

Abra o editor de código da página criada.

Nota: em primeiro lugar, vamos colocar o header e o footer. Selecione o código referente ao header e, através do modal de inserção de elementos, coloque a tag do CMS [include_header]. No final da página, faça o mesmo, mas agora insira a tag [include_footer].

Vamos proceder, então, à colocação dos elementos específicos da página de categoria.