Skip to main content
El bloque Shipping protection ofrece un complemento de protección de envío opcional que los compradores pueden activar en el carrito, permitiéndoles agregar protección contra daños, pérdida o robo durante el envío y registrando esa elección en el pedido para tus herramientas de cumplimiento o reclamaciones.

Comportamiento

  • Agregar la protección hace dos cosas: agrega una línea de producto real de Shopify para el producto de protección y establece un atributo de carrito _shipping_protected en true.
  • Ese atributo sobrevive al checkout y llega al pedido como un atributo de nota del pedido (_shipping_protected), para que tus herramientas de cumplimiento o reclamaciones puedan saber qué pedidos están protegidos.
  • Los compradores pueden agregar y quitar la protección con el control, sin importar el tipo de visualización que elijas.
  • Si no existe una variante de protección utilizable, el bloque no renderiza nada en lugar de mostrar un control que fallaría al hacer clic.

Ajustes

Ubicación y límites

  • Región: cuerpo o parte inferior.
  • Máximo: 1 por estado del carrito.
  • Estado: solo carrito con artículos.
  • No se agrega de forma predeterminada. No está bloqueado: puedes quitarlo u ocultarlo.

Plantilla personalizada

Admite una plantilla personalizada desde su pestaña Code, que reemplaza el marcado integrado de este bloque con tu JSX. Estas son las props que recibe.
format decide qué handler aplica: handleAdd para button, handleToggle para checkbox y toggle. Conectar el equivocado deja el control inerte para los comerciantes que eligieron el otro formato.

Diseño

Da estilo a este bloque con su sección Design en el panel de ajustes. Son overrides por bloque que se superponen a tu diseño global y recurren a él cuando están en blanco.

Text

La sección Text de Design te permite controlar la tipografía de tres elementos. Usa el selector Text element para alternar entre ellos. Title — el encabezado de la protección. También admite una familia tipográfica personalizada. La negrita y el color del texto se establecen en el Rich Text Editor de arriba (en la pestaña Settings), no aquí. Price — la línea de precio. La negrita y el color del texto se establecen en el Rich Text Editor de arriba. Description — el texto de apoyo. La negrita y el color del texto se establecen en el Rich Text Editor de arriba.
Al hacer clic en un elemento de texto directamente en la vista previa del carrito, se resalta y se abren sus controles en el panel automáticamente.
¿Qué son los ajustes de diseño? Obtén más información aquí: Ajustes de diseño.