Patrones

Composiciones de componentes para flujos completos: carrito, checkout y páginas de contenido.

• Inicio y contenido

  
  Empty stateCuando no hay contenido para mostrar.
• 
  Feature rowÍcono, título y texto.
• 
  HeroPortada de la home.
• 
  How it worksPasos numerados de un proceso.
• 
  Info panelPanel informativo con título y texto.
• 
  Newsletter bannerSuscripción por email.
• 
  Page headerEtiqueta, título y bajada de página.
• 
  Promo bannerBanner promocional sobre foto.
• 
  Section headerTítulo de sección con link Ver todo.
• 
  Trust stripFranja de beneficios.

• Header y navegación

  
  FooterPie del sitio.
• 
  HeaderHeader del sitio, desktop y mobile.

• Producto

  
  Product cardCard de producto.
• 
  Product detailFicha de producto: galería, info, compra y datos.

• Carrito

  
  Cart drawerDrawer del carrito.
• 
  Cart itemFila de producto en carrito y drawer.
• 
  Checkout CTAFinalizar compra con leyenda de pedido mínimo.
• 
  Coupon fieldCódigo de descuento.
• 
  Min order progressProgreso hacia el pedido mínimo.
• 
  Order summaryResumen del pedido en el carrito.

• Checkout

  
  Order reviewResumen de compra del checkout.
• 
  Payment panelPaso de pago con total.
• 
  Shipping checkVerificación de zona por código postal.
• 
  Shipping formFormulario de envío del checkout.
• 
  Step indicatorPasos del checkout.

• Overlays

  
  DrawerPanel lateral derecho.
• 
  ModalDiálogo sobre un fondo atenuado.