Ingeniería Shopify independiente
Comportamiento real en una tienda de desarrollo, enlaces directos al código y pruebas para trabajos Shopify definidos. Sin resultados de clientes ni métricas inventadas.
Siete pruebas concretas
Cada ejemplo enlaza un caso breve y su código. Las vistas de Shopify requieren acceso a la tienda de desarrollo; las capturas y el código son públicos.
01Problema
Un cambio de variante puede desincronizar precio, imagen, disponibilidad y carrito.
Comportamiento verificado
Un producto real de seis variantes mantiene esos estados alineados y muestra contenido de metafields y metaobjects.
Liquid · JavaScript · variants · metafields
02Problema
El comerciante necesita actualizar comparaciones sin editar Liquid.
Comportamiento verificado
Una sección reutilizable permite configurar contenido, bloques y diseño en el editor de temas.
Liquid · Online Store 2.0 · section schema
03Problema
La personalización necesita validación y debe conservarse en el carrito.
Comportamiento verificado
Grabado, estilo, nota y envoltura viajan con una variante real como propiedades visibles del artículo.
Liquid · variants · line-item properties
04Problema
La compra por cajas exige redondeo predecible y cantidades correctas.
Comportamiento verificado
Una calculadora convierte la demanda en cajas completas; el carrito AJAX se actualiza con datos de Shopify.
Liquid · JavaScript · Ajax Cart API
05Problema
Los errores heredados pueden mostrar un carrito confuso o inutilizable.
Comportamiento verificado
Tres correcciones respaldadas por código cubren contador desactualizado, variante omitida y carrito vacío inválido.
Liquid · JavaScript · cart sections
06Problema
Un tema funcional necesita controles de calidad repetibles y límites documentados.
Comportamiento verificado
Se registraron Theme Check, nueve auditorías Lighthouse, pruebas de teclado y móvil, y controles de CI.
Theme Check · Lighthouse · accessibility · CI
07Problema
Las diferencias de inventario y fallas de sincronización requieren recuperación visible.
Comportamiento verificado
Una app integrada usa GraphQL y webhooks reales con reintentos, idempotencia y registros en PostgreSQL.
React Router · Admin GraphQL · webhooks · Prisma
Prueba backend
La app integrada lee inventario con Admin GraphQL, recibe webhooks, consulta un almacén simulado autenticado y guarda eventos, reintentos y resultados en PostgreSQL. Actualmente usa un túnel de desarrollo local; no se presenta como servicio en producción.
Trabajo Shopify definido
Envíame el contexto de la tienda, el comportamiento actual y el resultado esperado. Podemos definir un cambio seguro y cómo verificarlo.
Hablemos del proyecto