Mídia - Imagem

No painel Page Builder, expanda Media e arraste um espaço reservado Image para o contêiner de destino.

É possível adicionar uma imagem a uma linha, coluna ou guia. No exemplo a seguir, a imagem é arrastada para uma coluna vazia.

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

Use um dos métodos a seguir para adicionar o ativo de imagem:

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

• ​ Carregar uma nova imagem ​: use este método para carregar um novo arquivo de imagem do seu sistema.

  • Clique em Upload Image.

  • Localize e escolha a imagem para adicioná-la à galeria e ao container de destino.

  Como alternativa, você também pode arrastar um arquivo de imagem de seu sistema e soltá-lo no ícone da Câmera ( {width="20"} ).

• ​ Selecionar um ativo existente ​: use este método para selecionar um ativo de imagem existente do armazenamento de mídia/galeria.

  • Clique em Select from Gallery.

  • Use a árvore para navegar até a imagem.

  • Clique na miniatura e em Add Selected.

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

• ​ Pesquise e selecione uma imagem do Adobe Stock ​: use este método para localizar uma imagem do Adobe Stock.

  note note
  NOTE
  Este método requer uma integração com o Adobe Stock configurada para o Administrador.

  • Clique em Search Adobe Stock e procure uma imagem.

  • Salve a imagem de visualização ou licenciada na galeria.

    Consulte Usando imagens do Adobe Stock para obter mais informações sobre como trabalhar com ativos do Adobe Stock.

  • Selecione a miniatura do ativo na galeria e clique em Add Selected.

A imagem é exibida no container de destino no local do espaço reservado. Diferentemente de uma imagem de plano de fundo, você pode mover a imagem para uma posição diferente no contêiner atual ou para um contêiner diferente.

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

Passe o mouse sobre o contêiner de imagem para exibir a caixa de ferramentas e escolha o ícone Configurações ( {width="20"} ).
O nome do arquivo, as dimensões e o tamanho do arquivo aparecem abaixo da imagem atual.

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

Para alterar o Image atual, siga um destes procedimentos:

• ​ Carregar uma nova imagem ​: use este método para carregar um novo arquivo de imagem do seu sistema.

  • Clique em Upload Image.

  • Localize e escolha a imagem para adicioná-la à galeria e ao container de destino.

• ​ Selecionar um ativo existente ​: use este método para selecionar um ativo de imagem existente do armazenamento de mídia/galeria.

  • Clique em Select from Gallery.

  • Use a árvore para navegar até a imagem.

  • Clique na miniatura e em Add Selected.

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

• Pesquise e selecione uma imagem do Adobe Stock: use este método para localizar uma imagem do Adobe Stock.

  note note
  NOTE
  Este método requer uma integração com o Adobe Stock configurada para o Administrador.

  • Clique em Search Adobe Stock e procure uma imagem.

  • Salve a imagem de visualização ou licenciada na galeria.

    Consulte Usando imagens do Adobe Stock para obter mais informações sobre como trabalhar com ativos do Adobe Stock.

  • Selecione a miniatura do ativo na galeria e clique em Add Selected.

Para adicionar um Mobile Image, use os mesmos métodos descritos na etapa anterior para selecionar uma imagem a ser usada para exibição em dispositivos móveis.

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

Se necessário, especifique um Link para a imagem.

O link é a página de destino exibida quando o cliente clica na imagem. Você pode usar um dos três tipos de link:

• URL - Links para uma URL relativa ou totalmente qualificada.

• Product - Identifica a página de destino com base no nome do produto ou SKU. Procure o produto por nome com base em um nome parcial ou completo. Escolha o produto na lista de resultados da pesquisa.

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

• Category - Identifica a página de destino como uma categoria ou subcategoria específica na árvore de categorias. Procure a categoria com base em um nome parcial ou completo. Escolha a categoria na seção expandida da árvore exibida.

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

• Page - Identifica a página de destino como uma página de conteúdo específica. Procure a página com base em um nome parcial ou completo. Escolha a página na lista de resultados da pesquisa.

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

Se quiser impedir que o visitante saia do armazenamento, marque a caixa de seleção Open in new tab. Quando a caixa de seleção é desmarcada, o destino vinculado é aberto na mesma guia do navegador, o que pode efetivamente afastar o visitante da loja.

Para adicionar um Image Caption, digite o texto que você deseja que apareça abaixo da imagem.

O formato da legenda é determinado pela folha de estilos associada ao tema atual.

Normalmente, a legenda aparece abaixo da imagem e fornece informações sobre a imagem para visitantes e mecanismos de pesquisa. Se o site estiver disponível em vários idiomas, você poderá usar a mesma imagem, mas traduzir a legenda. No HTML, a marca <figcaption> é um subconjunto da marca <figure>. <figcaption>This is the image caption</figcaption>

Atualize qualquer uma das outras configurações conforme necessário:

• Otimização do mecanismo de pesquisa
• Avançado

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

Passe o mouse sobre o contêiner de imagem para exibir a caixa de ferramentas e escolha o ícone Mover ( {width="20"} ).

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

Selecione e arraste a imagem para a nova posição, logo abaixo da linha de guia vermelha.

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

Passe o mouse sobre o contêiner de imagem para exibir a caixa de ferramentas e escolha o ícone Remover ( {width="20"} ).

Quando for solicitada a confirmação, clique em OK.