← Arcanum HollowDocs · 1.8.10

Iconos y badges

Badges de servicio, ofertas e iconos usados en Studio Arcana.

Badges e iconos destacan envío, reserva, materiales o promociones. Prefiere ajustes del tema y etiquetas de producto frente a imágenes sueltas cuando sea posible.

Canales de venta > Tienda online > Temas > Personalizar > secciones de producto o colección > ajustes de badge / icono

Badges de producto y servicio

  • Oferta / agotado — impulsados por precio e inventario de Shopify
  • Badges de servicio — confianza o duración en productos type:service cuando el buy box los activa
  • Texto de badge personalizado — etiquetas de sección o metafield donde el tema las expone

Iconos

  • Los SVG inline heredan currentColor del esquema de color.
  • Evita iconos de bajo contraste sobre fotos busy: añade un chip sólido detrás si hace falta.
  • Los iconos decorativos deben ser aria-hidden; los informativos necesitan texto accesible.

Cómo comprobar que funcionó

  1. Pon un producto en oferta: el badge debe aparecer en tarjetas y PDP.
  2. Abre un producto de servicio: los badges de servicio aparecen si están activos en el buy box.
  3. Cambia el esquema de color de la sección: el texto del badge debe seguir legible.

¿Te resultó útil esta página?

El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.