O separador Disposição define até que largura o conteúdo da loja pode ir em ecrãs grandes. Impede que o texto e os produtos fiquem demasiado esticados num monitor largo.
Onde o encontrar
Abra o construtor, clique no ícone da roda dentada e abra o separador Disposição. A secção chama-se Disposição da página e tem uma configuração: Largura da página.
Largura da página
Arraste o cursor para escolher a largura máxima do conteúdo, em píxeis. Vai de 900 a 1400, em passos de 100. O valor predefinido é 1200.
- 900 ou 1000: uma página estreita. As linhas de texto ficam curtas e fáceis de ler. Bom para uma loja com poucos produtos ou muito texto.
- 1100 ou 1200: uma largura equilibrada que serve a maioria das lojas.
- 1300 ou 1400: uma página larga. Cabem mais produtos em cada linha nos ecrãs grandes.
O construtor explica assim: Define a largura máxima para ecrãs grandes de computador. Nos ecrãs de telemóvel, a largura é sempre 100%. Num telemóvel ou num ecrã pequeno, o conteúdo usa sempre toda a largura do ecrã, seja qual for a sua escolha aqui.
Largura da página e secções de largura total
A maioria das secções tem a sua própria configuração de Largura com duas opções:
- Página: o conteúdo da secção fica dentro da largura de página definida no separador Disposição.
- Completo: a secção vai de uma ponta à outra do ecrã e ignora a largura da página.
Uma combinação comum é um hero ou uma apresentação em Completo no topo, e largura Página nas secções abaixo, para as imagens parecerem grandes e o texto continuar fácil de ler.
Tarefas comuns
- A minha loja parece demasiado esticada num ecrã grande: baixe a largura da página para 1100 ou 1000.
- Quero mais produtos por linha nos computadores: aumente a largura da página e depois verifique o número de colunas das secções de produtos.
- Um banner deve tocar nas margens do ecrã: defina a Largura dessa secção como Completo. Não precisa de alterar a largura da página.
- A disposição no telemóvel não mudou: é normal. Os telemóveis usam sempre toda a largura do ecrã.
Verifique na pré-visualização
A largura da página só se nota em ecrãs mais largos do que a largura escolhida. Use a pré-visualização de computador no construtor para ver a diferença. Veja Modos de pré-visualização.
O que a largura da página não altera
- Colunas: quantos produtos ou cartões aparecem numa linha define-se em cada secção, não aqui.
- Espaçamento: o espaço acima e abaixo de uma secção é o seu espaçamento interior, também definido na secção.
- Tamanho do texto: define-se em cada texto, não aqui.
Bom saber
- A largura da página pertence ao mercado que está a editar e aplica-se a todas as suas páginas.
- Também pode pedir à IA no construtor, por exemplo "Põe a largura da página em 1100". Veja Como construo a minha loja com o assistente de IA (Amed).
- Mudou de ideias? Desfaça a alteração no construtor. Veja Atalhos, desfazer e refazer.
- As alterações ficam ativas quando clica em Publicar.