7 Commits

Include renames

Author	SHA1	Message	Date
devopsandClaude Sonnet 5	9d4553f3a4	fix(ecommerce): panel de zoom dinámico y CTA móvil con revelado progresivo ... - El panel de zoom lateral ahora calcula tamaño/posición contra el viewport real (window.innerWidth/innerHeight) en cada mousemove, en vez de un breakpoint fijo (lg:block) con ancho fijo -- a resoluciones altas con poco espacio a la derecha de la imagen terminaba saliéndose de la pantalla. Si no entra un panel de al menos PANEL_MIN_SIZE, se cae automáticamente al overlay in-place (antes atado a "por debajo de lg", ahora a "no hay espacio real"). - La barra fija de "Añadir al carrito" en mobile quedaba fija desde el primer render, tapando permanentemente parte de la imagen del producto. Ahora el botón real (ProductPurchase) también se muestra en mobile, y la barra sticky solo aparece cuando ese botón sale del viewport (IntersectionObserver) -- mismo patrón que el "Buy Now" sticky de Amazon. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV	2026-09-13 20:34:43 +00:00
devopsandClaude Sonnet 5	706732878f	test(ecommerce): data-testid en lupa/panel/overlay de la galería ... Sin cambio de comportamiento -- solo hooks estables para la suite de Playwright en .browser-scratch/checks.mjs (el selector genérico div[aria-hidden] dejó de alcanzar para distinguir la lupa, el overlay in-place y el panel lateral, que ahora coexisten en el DOM). Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV	2026-09-13 20:07:36 +00:00
devopsandClaude Sonnet 5	8d16f2b854	fix(ecommerce): zoom de producto estilo lupa de Amazon (lupa + panel lateral) ... El zoom in-place anterior (overlay de fondo dentro de la misma caja) seguía sintiéndose confuso: el usuario esperaba el patrón clásico de e-commerce (Amazon) -- un recuadro semitransparente ("lupa") que marca qué región de la foto se está mirando, y un panel aparte, más grande, que muestra esa región ampliada. Sin scroll ni superposición dentro de la misma caja. - Lupa: recuadro que sigue al cursor sobre la imagen principal, clampeado para no salirse de los bordes (visible en lg+). - bgX/bgY ahora se calculan por fracción de recorrido de la lupa (posición del borde de la lupa entre 0 y el ancho disponible), no por posición cruda del cursor -- mapeo correcto incluso cuando la lupa queda pegada a un borde. - Panel: a la derecha de la imagen (position absolute, se superpone al contenido de al lado igual que en Amazon), mismo mecanismo de background-image con la foto completa que ya evitaba el problema de object-cover recortando partes de la imagen. - Por debajo de lg (sin espacio para un panel aparte) se conserva el overlay in-place como fallback. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV	2026-09-13 19:51:10 +00:00
devopsandClaude Sonnet 5	9ab779e781	fix(ecommerce): zoom-hover del producto revela la imagen completa ... El hover-zoom escalaba (transform:scale) la misma <Image> ya recortada por object-cover -- para fotos verticales (ej. figura de acción de pie) eso dejaba partes del producto (la cabeza) fuera del recorte desde el propio render, así que ningún nivel de zoom las mostraba. Se reemplaza por un overlay con background-image usando la foto completa (background-size en un solo valor preserva el aspect ratio real) y background-position siguiendo el cursor, que sí permite recorrer toda la imagen. De paso: las miniaturas ahora cambian la imagen principal también con hover (onMouseEnter), no solo con click. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV	2026-09-13 19:21:39 +00:00
devopsandClaude Sonnet 5	8517102b63	feat(product-gallery): zoom automático de la imagen al pasar el cursor ... Antes el único zoom era el modal interactivo (click -> Dialog con scale/ drag). Ahora la imagen principal también hace zoom estilo lupa (2.2x) que sigue la posición del cursor con mousemove/transform-origin, sin tocar el modal existente (sigue abriéndose igual con el click). Solo mouse -- mousemove no dispara de forma continua en touch, así que en mobile simplemente no aparece el efecto, sin romper nada ahí. Verificado: tsc --noEmit limpio, página de producto renderiza 200 con datos mock y el nuevo markup presente. No se pudo verificar visualmente el hover en un navegador real (sin chromium-cli ni claude-in-chrome disponibles en este shell headless). Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_01THZFwPzrwv6VAbuwmaf5vR	2026-09-06 19:18:11 +00:00
devops	fe7b2019c2	feat(ecommerce): migrate Ari Shopping to Next.js 15 headless storefront v4	2026-07-19 21:36:35 -05:00
devops	f263a9cc55	feat(ecommerce): migrate Ari Shopping to Next.js 15 headless storefront v4	2026-07-19 19:37:41 -05:00