Para ver as páginas do seu store: no painel lateral do editor, clique em eCommerce e depois em Páginas do store.
O store adiciona automaticamente as seguintes páginas:
- Página inicial da loja
- Página de categoria
- Página de Produto
- Checkout e carrinho
Categoria, Produto e Carrinho e Checkout podem ser personalizados, mas não podem ser apagados. Essas páginas são vinculadas automaticamente ao catálogo do Store.
Página inicial da loja
A página inicial é a principal entrada do seu store. Ela inclui um widget Galeria de Produtos e pode ser personalizada. Você pode escolher qualquer outra página e configurá-la como página inicial do store.
Definir a página inicial do store:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- Para abrir a página inicial no editor, clique em Página inicial do store.
- Clique no widget Galeria de produtos para abrir o Editor de conteúdo. Saiba mais sobre como editar o widget em widget Galeria de produtos.
Mude a página inicial do store
Para mudar a página inicial para outra página do store:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- Clique no ícone de configurações (
) ao lado da página inicial e depois em Trocar página inicial do store.
- Selecione a nova página inicial da loja na lista de páginas.
No widget Galeria de produtos, o conteúdo é sincronizado com os dados do store. Para editar, acesse o Control Panel do Store. Para acessar o Control Panel do Store: no painel lateral, clique em eCommerce e depois em Gerenciar Store.
Página de categoria
A página de categoria mostra todos os produtos contidos em uma categoria específica no store. Essa página é criada como uma página dinâmica; portanto, todas as personalizações no design dela afetam as outras páginas de categoria.
Para editar a página de categoria do store:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- Para abrir a página no editor, clique em Página de categoria.
- Para abrir o Editor de design, clique no widget Página de categoria. Você tem as seguintes opções:
- Geral. Ative e personalize as Trilhas de navegação ou um rodapé na página de categoria.
- Produtos. Mude o layout e o estilo do texto em diferentes áreas de texto, como título, preço e SKU de um produto. Neste menu, você altera o espaçamento entre os itens e o comportamento dos elementos (efeitos de hover), bem como o número de produtos em uma página.
- Animação. Configure o Ativador e a Animação na página de categoria. Veja mais informações em Adicione uma animação.
- Espaçamento. Configure o espaçamento externo e interno na página de categoria.
- Para ver as outras páginas de categoria, selecione a página na lista suspensa da barra de navegação superior.
- Ao terminar de personalizar o design da página, clique em Concluído na barra de navegação superior.As alterações no design afetam todas as páginas de categoria no store.
Adicione páginas de categoria à navegação do site
Você pode adicionar páginas de categoria à navegação do site como subpáginas de uma página específica; ou ao lado de páginas do site, como páginas de navegação de nível superior.
Para adicionar uma página de categoria à navegação do site:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- No menu suspenso Adicionar páginas de categoria à navegação do site, selecione uma das seguintes opções:
- Do not add. Não inclui nenhuma página de categoria na navegação do site.
- Ao lado das páginas do site. Inclui páginas de categoria como página de nível superior na navegação do site. Para configurar o local das páginas de categoria na navegação do site, selecione uma opção no menu suspenso Onde você deseja colocá-las.
- Como subpáginas. Inclui páginas de categoria como subpáginas de uma página específica na navegação. Selecione uma página no menu suspenso Adicionar como subpáginas de.
Página de Produto
A página do produto mostra os detalhes de um produto específico. Essa página é criada como uma página dinâmica; portanto, todas as personalizações no design dela afetam a página de cada produto.
Para editar a página exclusivo do produto:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- Para abrir a página no editor, clique em Página do produto.
- Para abrir o Editor de design, clique no widget Página do produto. Você tem as seguintes opções:
- Geral. Ative e personalize as Trilhas de navegação ou um rodapé na página do produto.
- Página exclusiva do produto. Mude o layout e o estilo do texto em diferentes áreas de texto, como título, preço e SKU de um produto. Neste menu, você altera o espaçamento entre os itens e o comportamento dos elementos (efeitos de hover), bem como o número de produtos em uma página. Para ver todas as opções, clique em Mais opções de design.
- Animação. Configure o Ativador e a Animação na página exclusiva do produto. Veja mais informações em Adicione uma animação.
- Espaçamento. Configure o espaçamento externo e interno na página de produtos.
- Para ver as outras páginas de produto, selecione a página na lista suspensa da barra de navegação superior.
- Ao terminar de personalizar o design da página, clique em Concluído na barra de navegação superior.As alterações no design afetam todas as páginas de produto no store.
Página Carrinho e Checkout
A página Carrinho e Checkout mostra a página de checkout que o cliente vê após adicionar produtos ao carrinho e prossegue para o checkout.
Para editar a página de checkout e carrinho:
- No painel lateral do editor, clique em eCommerce e depois em Páginas do store.
- Para abrir a página no editor, clique em Checkout e Carrinho.
- Clique no widget Checkout e Carrinho para abrir o Editor de design. Você tem as seguintes opções:
- Geral. Ative e personalize as Trilhas de navegação ou um rodapé na página.
- Carrinho e Checkout. Configure o design do título, dos subtítulos e do estilo do link do carrinho e do checkout.
- Animação. Configure o Ativador e a Animação na página de checkout e carrinho. Saiba mais em Adicione uma animação.
- Espaçamento. Configure o espaçamento externo e interno na página.