fix(ecommerce): saca la barra flotante de "Añadir al carrito" en mobile
Pedido del usuario con capturas reales: la barra fija seguía superponiéndose sobre contenido de abajo al scrollear (ej. sobre la tarjeta de "También te puede interesar"), incluso después de varias vueltas ajustando cuándo debía aparecer/ocultarse. En vez de seguir parchando esa lógica, se saca la barra flotante por completo -- queda un solo botón "Añadir al carrito", visible en su lugar normal dentro de la página también en mobile (sin duplicar), igual que la mayoría de tiendas reales. Se borra components/product/mobile-add-to-cart.tsx (ya sin uso) y el id="product-buy-button"/id="recommendations-section" que solo existían para el IntersectionObserver de ese componente. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV
This commit is contained in:
1 parent
972b11772a
commit
5c79cc3345
3 files changed
+6
-105
No files matched your search
@@ -41,14 +41,11 @@ export function ProductPurchase({ product }: { product: Product }) {
|
||||
<strong className="text-3xl font-black">{formatMoney(product.price, product.currency)}</strong>
|
||||
{product.compareAtPrice && <del className="text-slate-400">{formatMoney(product.compareAtPrice, product.currency)}</del>}
|
||||
</div>
|
||||
{/* Visible tambien en mobile (antes quedaba oculto <lg porque
|
||||
MobileAddToCart quedaba fijo abajo desde el primer render,
|
||||
tapando parte de la imagen sin necesidad). id usado por
|
||||
MobileAddToCart para saber cuando este boton real sale del
|
||||
viewport y recien ahi mostrar su barra sticky -- mismo patron
|
||||
que el "Buy Now" sticky de Amazon en mobile. */}
|
||||
{/* Un solo botón, visible también en mobile -- sin barra flotante
|
||||
aparte (se probó, pero terminaba tapando contenido de abajo al
|
||||
scrollear, ej. "También te puede interesar"; el usuario pidió
|
||||
sacarla y dejar el botón normal como en la mayoría de tiendas). */}
|
||||
<Button
|
||||
id="product-buy-button"
|
||||
variant="primary"
|
||||
size="lg"
|
||||
className="w-full"
|
||||
|
||||
Reference in new issue
Block a user