Skip to main content
O bloco Shipping protection oferece um complemento opcional de proteção de envio que os compradores podem ativar no carrinho, permitindo adicionar proteção contra dano, perda ou roubo durante o envio e registrando essa escolha no pedido para suas ferramentas de fulfillment ou de sinistros.

Comportamento

  • Adicionar a proteção faz duas coisas: adiciona uma linha real de produto Shopify para o produto de proteção e define um atributo de carrinho _shipping_protected como true.
  • Esse atributo sobrevive ao checkout e chega ao pedido como um atributo de nota do pedido (_shipping_protected), então suas ferramentas de fulfillment ou de sinistros podem identificar quais pedidos estão protegidos.
  • Os compradores podem tanto adicionar quanto remover a proteção com o controle, qualquer que seja o tipo de exibição escolhido.
  • Se não existir nenhuma variante de proteção utilizável, o bloco não renderiza nada em vez de mostrar um controle que geraria erro ao clicar.

Configurações

Posicionamento e limites

  • Região: corpo ou parte inferior.
  • Máximo: 1 por estado do carrinho.
  • Estado: apenas carrinho com itens.
  • Não adicionado por padrão. Não bloqueado — você pode removê-lo ou ocultá-lo.

Template personalizado

Suporta um template personalizado na sua aba Code, que substitui o markup nativo deste bloco pelo seu JSX. Estas são as props que ele recebe.
format decide qual handler se aplica: handleAdd para button, handleToggle para checkbox e toggle. Conectar o errado deixa o controle inerte para lojistas que escolheram o outro formato.

Design

Estilize este bloco com sua seção Design no painel de configurações. Essas são sobreposições por bloco que se aplicam por cima do seu design global e recorrem a ele quando estão em branco.

Text

A seção Text em Design permite controlar a tipografia de três elementos. Use o seletor Text element para alternar entre eles. Title — o cabeçalho da proteção. Também suporta uma família de fonte personalizada. Negrito e cor do texto são definidos no Rich Text Editor acima (na aba Settings), não aqui. Price — a linha de preço. Negrito e cor do texto são definidos no Rich Text Editor acima. Description — o texto de apoio. Negrito e cor do texto são definidos no Rich Text Editor acima.
Clicar em um elemento de texto diretamente na pré-visualização do carrinho o destaca e abre seus controles no painel automaticamente.
O que são configurações de design? Saiba mais aqui: Configurações de design.