Etapa 2 sub-fase 3 (ADR 0005 seccion 3, patron Walmart) — segundo item de la sub-fase de componentes visuales, tras el mega-menu (#36).
Product.compareAtPrice ya existia en el tipo y ya se calculaba en lib/headless/providers/medusa.ts (original_amount > calculated_amount), pero solo se usaba en la ficha de producto (product-purchase.tsx). Este cambio lo expone tambien en product-card.tsx (grilla/catalogo/home):
Badge -X% en la esquina superior izquierda de la imagen, junto a Nuevo/Top, solo cuando hay descuento real
Precio tachado ("antes") sobre el precio actual en el bloque de precio
Cero cambio de modelo de datos — el campo ya existia y ya se poblaba correctamente, solo faltaba renderizarlo en la vista de grilla.
Nota: ningun producto demo tiene actualmente un price-list de descuento activo en Medusa, asi que el badge no se puede validar visualmente en el catalogo real hasta que se cree uno (opcional, puedo hacerlo si se quiere prueba en vivo).
Etapa 2 sub-fase 3 (ADR 0005 seccion 3, patron Walmart) — segundo item de la sub-fase de componentes visuales, tras el mega-menu (#36).
`Product.compareAtPrice` ya existia en el tipo y ya se calculaba en `lib/headless/providers/medusa.ts` (`original_amount > calculated_amount`), pero solo se usaba en la ficha de producto (`product-purchase.tsx`). Este cambio lo expone tambien en `product-card.tsx` (grilla/catalogo/home):
- Badge `-X%` en la esquina superior izquierda de la imagen, junto a Nuevo/Top, solo cuando hay descuento real
- Precio tachado ("antes") sobre el precio actual en el bloque de precio
Cero cambio de modelo de datos — el campo ya existia y ya se poblaba correctamente, solo faltaba renderizarlo en la vista de grilla.
Nota: ningun producto demo tiene actualmente un price-list de descuento activo en Medusa, asi que el badge no se puede validar visualmente en el catalogo real hasta que se cree uno (opcional, puedo hacerlo si se quiere prueba en vivo).
Reutiliza Product.compareAtPrice (ya calculado en el provider de Medusa
via original_amount > calculated_amount) para mostrar precio tachado +
badge de descuento en la grilla/catalogo, no solo en la ficha de
producto. ADR 0005 seccion 3, patron Walmart -- cero cambio de modelo
de datos.
devops
merged commit 78cc5ef93b into main2026-08-25 19:12:37 +00:00
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Etapa 2 sub-fase 3 (ADR 0005 seccion 3, patron Walmart) — segundo item de la sub-fase de componentes visuales, tras el mega-menu (#36).
Product.compareAtPriceya existia en el tipo y ya se calculaba enlib/headless/providers/medusa.ts(original_amount > calculated_amount), pero solo se usaba en la ficha de producto (product-purchase.tsx). Este cambio lo expone tambien enproduct-card.tsx(grilla/catalogo/home):-X%en la esquina superior izquierda de la imagen, junto a Nuevo/Top, solo cuando hay descuento realCero cambio de modelo de datos — el campo ya existia y ya se poblaba correctamente, solo faltaba renderizarlo en la vista de grilla.
Nota: ningun producto demo tiene actualmente un price-list de descuento activo en Medusa, asi que el badge no se puede validar visualmente en el catalogo real hasta que se cree uno (opcional, puedo hacerlo si se quiere prueba en vivo).