Elementos - Texto

No painel Page Builder, expanda Elements e arraste um espaço reservado Text para uma linha, coluna ou conjunto de guias no estágio.

{width="600" modal="regular"}

Use o editor para inserir e formatar texto, conforme necessário.

Para obter mais informações, consulte Usando o Editor.

{width="600"}

Na loja, navegue até a página que deve ser o destino do link e copie as informações do link.

Você pode usar o URL totalmente qualificado ou um URL relativo que omita a referência ao domínio da loja.

URL completa - https://mystore.com/women/tops-women/tees-women.html

URL relativa - ../women/tops-women/tees-women.html

Selecione o texto no espaço do editor e clique em Inserir/editar link ( {width="20"} ) na barra de ferramentas do editor.

{width="500" modal="regular"}

Para URL, insira o link relativo preparado.

Defina Target como None.

Essa configuração abre a página na mesma janela do navegador, em vez de abrir uma nova guia.

Para Title, digite Shop Tees.

O atributo de link Title é usado por alguns navegadores como uma dica de ferramenta.

Para salvar o link e retornar ao espaço de trabalho Page Builder, clique em OK.

{width="500" modal="regular"}

Coloque o cursor no texto onde deseja inserir a imagem.

Clique em Inserir/editar imagem ( {width="20"} ) na barra de ferramentas do editor.

Para Source, clique no ícone de pesquisa para usar o armazenamento de mídia para localizar e selecionar uma imagem.

Para Image Description, insira o texto descritivo para a imagem.

Este texto preenche o atributo de link alt da imagem e é usado por alguns navegadores para acessibilidade.

Insira a largura e a altura Dimensions, em pixels, para renderizar a imagem na página.

Mantenha a caixa de seleção Constrain proportions marcada para manter automaticamente a taxa de proporção da imagem.

Para inserir a imagem e retornar ao espaço de trabalho Page Builder, clique em OK.

Passe o mouse sobre o contêiner de texto para exibir a caixa de ferramentas e escolha o ícone Configurações ( {width="20"} ).

Atualize o conteúdo conforme necessário.

Atualize as configurações de Advanced ​conforme necessário.

• Para controlar o posicionamento do texto no contêiner pai, escolha um Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Opção	Descrição
  Default	Aplica a configuração padrão de alinhamento especificada na folha de estilos do tema atual.
  Left	Alinha a lista ao longo da borda esquerda do contêiner principal, com permissão para qualquer preenchimento especificado.
  Center	Alinha a lista no centro do contêiner pai, com permissão para qualquer preenchimento especificado.
  Right	Alinha o bloco ao longo da borda direita do contêiner principal, com permissão para qualquer preenchimento especificado.

• Defina o estilo Border que é aplicado aos quatro lados do contêiner de texto:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Opção	Descrição
  Default	Aplica o estilo de borda padrão especificado pela folha de estilos associada.
  None	Não fornece nenhuma indicação visível das bordas do contêiner.
  Dotted	A borda do contêiner aparece como uma linha pontilhada.
  Dashed	A borda do contêiner aparece como uma linha tracejada.
  Solid	A borda do contêiner aparece como uma linha sólida.
  Double	A borda do contêiner aparece como uma linha dupla.
  Groove	A borda do contêiner é exibida como uma linha com ranhura.
  Ridge	A borda do contêiner aparece como uma linha estriada.
  Inset	A borda do contêiner aparece como uma linha interna.
  Outset	A borda do contêiner aparece como uma linha de saída.

• Se você definir um estilo de borda diferente de None, conclua as opções de exibição de borda:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opção	Descrição
  Border Color	Especifique a cor escolhendo uma amostra, clicando no seletor de cores ou inserindo um nome de cor válido ou um valor hexadecimal equivalente.
  Border Width	Insira o número de pixels para a largura da linha de borda.
  Border Radius	Insira o número de pixels para definir o tamanho do raio usado para arredondar cada canto da borda.

• (Opcional) Especifique os nomes de CSS classes da folha de estilos atual para aplicar ao contêiner.

  Separe vários nomes de classe com um espaço.

• Insira valores, em pixels, para que Margins and Padding determine as margens externas e o preenchimento interno do contêiner de texto.

  Insira os valores correspondentes no diagrama.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Área de contêiner	Descrição
  Margins	A quantidade de espaço em branco aplicada à borda externa de todos os lados do container. Opções: Top / Right / Bottom / Left
  Padding	A quantidade de espaço em branco aplicada à borda interna de todos os lados do contêiner. Opções: Top / Right / Bottom / Left

Quando terminar, clique em Save para aplicar as configurações e retornar ao espaço de trabalho Page Builder.