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ó
- Pon un producto en oferta: el badge debe aparecer en tarjetas y PDP.
- Abre un producto de servicio: los badges de servicio aparecen si están activos en el buy box.
- 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.