Skip to main content
El bloque Summary le muestra al comprador lo que va a pagar: una fila de total con ahorros opcionales, más las etiquetas de descuento aplicadas. Resume los totales y ahorros del carrito justo encima del botón de checkout, para que los compradores vean la cifra final antes de comprometerse.
Bloque Summary mostrando subtotal, ahorros y descuentos aplicados antes del checkout

Comportamiento

  • Los tokens de ahorro se contraen con elegancia. Si una celda hace referencia a {{savings}} o {{pre_savings_price}} pero el carrito no tiene ahorro, esa celda recurre a solo {{total_price}}, de modo que los compradores nunca ven “$0.00 de descuento” ni un precio tachado igual al total. Si combinas {{cart_item_count}} y {{savings}} en la misma celda, el recuento de artículos también se elimina en la alternativa sin ahorros — colócalos en celdas separadas para evitarlo.
  • Las etiquetas de descuento aparecen solo cuando Show discount codes está activado y el carrito tiene descuentos para listar. Esto incluye tanto los descuentos basados en códigos como los automáticos.

Ajustes

Las celdas de texto admiten los tokens {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} y {{savings}}.

Ubicación y límites

  • Región: parte inferior.
  • Máximo: 2 por estado del carrito. El carrito con artículos y el carrito vacío tienen cada uno su propio cupo.
  • Estado: carrito con artículos y vacío.
  • Se agrega a los carritos nuevos de forma predeterminada. No está bloqueado, así que 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.
Como savings puede ser dinero o un porcentaje, no construyas tu propia frase alrededor de él asumiendo uno u otro. {props.savings} por sí solo es seguro; You saved ${props.savings} no lo es.

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. ¿Qué son los ajustes de diseño? Obtén más información aquí: Ajustes de diseño.