Seções versus blocos
Uma seção é uma linha horizontal de largura total em uma página, como um banner principal, uma grade de produtos ou um rodapé. As seções são empilhadas verticalmente e você controla a ordem delas. Um bloco é um conteúdo colocado dentro de uma seção: bloco de texto, imagem, botão, divisor ou grupo de layout. Algumas seções possuem um conjunto fixo de blocos (o cabeçalho sempre tem logo, menu, busca, carrinho e localização), enquanto outras permitem adicionar, remover e reordenar blocos livremente (rodapé, banner principal, newsletter).
Você edita ambos da mesma forma: clique em uma seção ou bloco na pré-visualização, ou selecione na lista de camadas, e as configurações serão abertas no painel de controle à esquerda.
Seções globais versus por página
O construtor permite que você projete cada tipo de página separadamente. As páginas editáveis são Home, Product, Landing, Collection, Search, Cart, Checkout, Thanks (confirmação de pedido), Contact, Policy e 404.
- Seções globais: o Header, Footer e Announcement bar aparecem em todos os tipos de página. Cada página mantém sua própria cópia, então uma edição se aplica à página em que você está. Use a ação Apply to all pages em uma dessas seções para copiar o design para a mesma seção em todas as outras páginas.
- Seções por página pertencem a tipos de página específicos. As seções Hero, Slideshow, Indicator e Collections existem apenas na página inicial. Product info só existe na página de produto, Landing info apenas na página de landing, e assim por diante.
- Seções para qualquer página podem ser adicionadas a todos os tipos de página. São elas: Text, Image, Divider, Custom code e a seção independente de Social media icons.
Para ver o catálogo completo do que cada seção faz e suas configurações, consulte Home page sections, Product and landing page sections, Global sections e Shared and system page sections.
Adicionando uma seção ou bloco
- Abra o construtor e troque para a página que deseja editar usando o seletor de páginas.
- Use o botão Add section (ou o controle de mais que aparece entre as seções na pré-visualização) para abrir o seletor.
- Escolha um tipo de seção. Apenas as seções permitidas na página atual aparecem na lista, então, por exemplo, você não verá opções de Hero na página de contato.
- Para adicionar um bloco, selecione uma seção que aceite blocos e use o botão Add block. Os controles de mais rotulados como Add (item) before e Add (item) after permitem inserir um bloco em um local exato.
Reordenando seções e blocos
Arraste uma seção ou bloco pela alça para mover. As seções são reordenadas verticalmente na página, os blocos são reordenados dentro da seção pai. Seções de layout fixo, como o cabeçalho, mantêm seus blocos no lugar, então você configura esses blocos em vez de movê-los. A reordenação é uma edição ao vivo: a pré-visualização é atualizada ao soltar.
Duplicar, copiar e colar
- Duplicar cria uma cópia exata de uma seção ou bloco ao lado do original, incluindo todas as configurações e blocos filhos.
- Copiar e Colar movem uma seção ou bloco inteiro, inclusive entre páginas: copie em uma página, troque de página e cole.
- Copiar apenas o estilo e Colar apenas o estilo transferem apenas a aparência (cores, espaçamento, tipografia) de um elemento para outro do mesmo tipo, sem alterar o conteúdo.
Duplicar ou colar respeita o limite de cada seção por página. Se uma página já tiver o máximo de um tipo de seção, a ação é bloqueada.
Ocultar versus excluir
O ícone de olho alterna uma seção ou bloco entre Ocultar e Mostrar. Um elemento oculto permanece no layout e mantém todas as configurações, mas não é exibido na loja ao vivo, o que é útil para conteúdos sazonais que você deseja reutilizar depois. Excluir remove o elemento permanentemente.
Seções obrigatórias e limites
Algumas seções são obrigatórias em suas páginas e não podem ser excluídas, apenas configuradas. Product info na página de produto, Landing info na página de landing, Collection products na página de coleção, Search products na página de busca, as seções Cart, Checkout, Order confirmation, Contact, Policy e 404, além do Header e Footer, fazem parte desse grupo. Para essas, o controle de exclusão fica desabilitado.
A maioria dos tipos de seção também limita quantas cópias uma página pode ter (por exemplo, 1 cabeçalho, 1 rodapé, 2 announcement bars, 2 slideshows, 2 indicators, 2 custom code sections, 3 text sections, 3 image sections, 10 dividers). Ao atingir o limite, a seção não aparece mais no seletor de adição para aquela página.
Salvando e publicando
Cada edição atualiza a pré-visualização instantaneamente e fica registrada no histórico de desfazer do construtor, permitindo voltar atrás. As alterações só ficam visíveis para os clientes depois que você salva e publica a página.