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.
Esse conteúdo vale para as stores criadas após 26 de julho de 2021 e que possuam páginas da store. Para stores criadas antes de 26 de julho de 2021, consulte "Personalize o design da store (store externa)".
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.
Cada store precisa ter uma página inicial. Ao apagar a página inicial do store, você será solicitado a escolher outra página como inicial.
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.
Essa página não pode ser apagada e não aparece na navegação.
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.
- Se sua stores não tiver categorias, você não verá essa opção.
- Este recurso está indisponível em sites com vários idiomas.
- Você pode adicionar no máximo 150 categorias à navegação do site.
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.
Essa página não pode ser apagada e não aparece na navegação.
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.
Essa página não pode ser apagada e não aparece na navegação.
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.