Texto, Imagem e Separador funcionam como secções completas em qualquer página e como blocos dentro de muitas outras secções. As configurações são as mesmas nos dois casos, com pequenas diferenças indicadas abaixo.
Adicionar um
No construtor, clique em Adicionar nova secção. Texto e Imagem estão no grupo Conteúdo, Separador em Decoração. Por página, pode adicionar até 3 secções de Texto, 3 secções de Imagem e 10 Separadores. Para adicionar um como bloco, selecione uma secção e clique em Adicionar novo bloco.
Texto
- Texto: o editor tem negrito, itálico, sublinhado, rasurado, tamanho do texto (Pequeno, Normal, Grande, Enorme), cor do texto, cor de destaque e um botão para limpar a formatação.
- Predefinição: Predefinido, Parágrafo ou Título 1 a Título 6. Os títulos usam os seus tipos de letra de título e indicam aos motores de pesquisa como a página está organizada. Use só um Título 1 por página.
- Tipo de letra: Predefinido usa o tipo de letra da predefinição. Corpo, Título, Subtítulo ou Acento usa antes esse tipo de letra das definições de Tipos de letra.
- Tamanho (10 a 30 píxeis), Altura da linha e Espaçamento entre letras (Apertado, Normal ou Solto).
- Largura: Ajustar (tão largo como o texto) ou Preencher (toda a largura). O Alinhamento (esquerda, centro, direita) aparece com Preencher.
Na página da coleção, o texto pode usar {{collection_name}}, {{collection_description}} e {{products_count}} para mostrar valores dinâmicos da coleção que está a ser vista.
Imagem
- Imagem: escolha uma imagem da sua biblioteca de média.
- Largura: Ajustar, Preencher ou Personalizado com uma Largura personalizada em percentagem. O Alinhamento fica oculto com Preencher.
- Proporção: Automático (a forma da própria imagem), Retrato, Quadrado ou Paisagem. Com uma proporção fixa, Ajustar escolhe Cobrir (preenche a moldura, pode cortar) ou Conter (mostra a imagem inteira).
- Raio do canto: arredonda os cantos, de 0 a 100 píxeis.
- Link: opcional. A imagem abre este endereço ao clicar, por exemplo
https://example.com/products/your-link.
Separador
Uma linha que separa conteúdos. É horizontal numa disposição empilhada e passa a vertical quando está diretamente dentro de um grupo horizontal.
- Largura: Ajustar ou Preencher.
- Espessura: 1 a 10 píxeis. Comprimento: 5% a 100% do espaço.
- Alinhamento: Início, Centro ou Fim. Aparece quando o Comprimento é inferior a 100%.
- Raio do canto: pontas da linha em Afiado ou Arredondado.
Cores e espaçamento
- Como secção, cada um tem um Esquema de cores: o fundo, a cor do texto e, para o separador, a cor da linha (a cor da borda do esquema). Veja Esquemas de cores.
- Como bloco, o Texto tem Utilizar esquema de cores do elemento pai (ativo por defeito). Desative-o para escolher outro esquema. As imagens em blocos seguem a sua secção.
- Preenchimento em cada lado. Uma secção Separador permite até 200 píxeis, para um espaço maior entre secções.
Bom saber
- O texto vazio não aparece na loja, por isso um bloco de Texto vazio não deixa espaço.
- A imagem está cortada: defina Ajustar como Conter, ou a Proporção como Automático.
- O separador não fica vertical: tem de estar diretamente dentro de um grupo definido como Horizontal, veja Como uso os blocos Grupo para colocar conteúdo lado a lado ou em colunas?.