Avançar para o conteúdo principal

Como criar uma Página de Produtos?

Uma página de produtos é um tipo de paǵina que se repete para cada um dos produtos existente no CMS. A vantagem é que será necessário criar apenas uma página, visto que a única informação variável é a referente a cada produto. Ou seja, não é necessário criar uma página para cada produto, visto que a estrutura se irá repetir para cada um dos produtos criados, mudando apenas a informação contida nos mesmos.

Vejamos

1. comoCriação criar uma destasda páginas.gina

 

No topo, deve clicar em "Atenção:Gestor do CMS" Antes> de"Websites"

dar

image-1693232478580.png

início

 

à

Depois, criaçãoclique deem uma"Páginas"

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

aquiimage-1693232540901.png para ver os tutoriais de como criar um website básico.

Para criar umaa Pápágina deinicial, Produtocomece vápor até:
Gestor CMS -> Websites -> Páginas e cliqueclicar no símbolo +image-1693232909052.png para criarabrir umao quadro de criação de nova página.

image-1693313084306.png

No tipo de página, selecione "Página de Produto". Preencha o campo do nome,nome (vamos colocarutilizar "Produto"Produtos" como exemplo) e faça "Guardar".

Atenção: numa página de produtos, o nome da página estará presente como um slug no URL da mesma. Ou seja, se colocar o nome "produto" e for criado um produto "sapato vermelho de senhora" o URL será o seguinte:
www.aminhalojaonline.pt/produto/sapato-vermelho-de-senhora

Selecione

 

o

2. tipoImportar deblocos na página Páde categoria de produtos

No final, deverá importar os blocos referentes à página de Produtocategorias de produtos. Para isso, clique no botão "Importar Bloco".

Comoimage-1693315216455.png

vamos

Após clicar no botão, o deverá selecionar estao(s) bloco(s) criado(s) anteriormente para a página dode template.

categorias

image-1641806030480.png

de

Cliqueproduto e clicar em "Guardar". 

Para saber mais detalhes sobre como importar um bloco para uma página, clique aqui para ver o tutorial.

image-1693315698532.png

Os blocos e respetivos elementos devem agora estar corretamente disponíveis

image-1693316163645.png

Para finalizar a configuração da página, deverá adicionar as tags de HEADER e FOOTER do HTML da página.

Para isso, deve clicar na aba "</>Html da página" e, depois, com o cursor no início do código, deve abrir o modal de inserção de elementos clicando no botão com o símbolo image-1693215242780.png ou através do atalho de teclas CTRL+E (Windows) ou CMD+E (Mac).

Agora, deve abrir a aba "Elementos para todas as páginas" e clicar em "Include Header". No final do código, faça o mesmo mas com o elemento "Include Footer".

No final, o código deverá estar deste modo:

HEADER

image-1693317309261.png

image-1693317314972.png

Deste modo, a página irá mostrar o header e footer corretamente.

Voltar ao topo