Skip to main content
O bloco Image exibe uma única imagem dentro do cart drawer (um selo de confiança, um gráfico promocional ou um preset hospedado, como uma faixa de ícones de pagamento) para adicionar segurança visual ou promoção ao carrinho, seja enviando a sua própria imagem ou inserindo um preset pronto.
Bloco Image renderizando uma imagem hospedada ou um asset de preset dentro do cart drawer

​
Comportamento

  • Se nenhuma imagem e nenhum preset estiverem definidos, o bloco não renderiza nada no carrinho ativo. No editor, ele mostra um placeholder “Add an image” para que o bloco continue selecionável.

​
Configurações

Quando você seleciona um preset, ele toma o lugar de qualquer imagem enviada, e o alt text do próprio preset é usado se você deixar o campo Alt text em branco.

​
Posicionamento e limites

  • Região: qualquer (top, body ou bottom).
  • Máximo: 3 por estado do carrinho — o carrinho cheio e o carrinho vazio têm cada um a própria cota.
  • Estado: tanto carrinho cheio quanto vazio.
  • Não é adicionado por padrão. Não é fixo — você pode removê-lo ou ocultá-lo.

​
Template personalizado

Suporta um template personalizado pela aba Code, que substitui a marcação nativa deste bloco pelo seu JSX. Estas são as props que ele recebe.
altText pode estar vazio. Renderize alt="" em vez de omitir o atributo, para que a imagem seja tratada como decorativa. maxHeight e fullWidth são valores para você aplicar nos seus próprios estilos; o template não os aplica por você.

​
Design

Estilize este bloco pela seção Design no painel de configurações. São substituições por bloco que se sobrepõem ao seu design global e voltam a ele quando ficam em branco. O que são configurações de design? Saiba mais aqui: Configurações de design.