Estoy tratando de hacer un botón fijo para agregar al carrito para mi tienda Shopify sin el uso de ninguna aplicación. Lo he hecho hasta ahora duplicando el botón Agregar al carrito actual y ajustando el CSS para el segundo botón para que se muestre en la parte inferior de la página de mi producto encima de todos los demás elementos. El único problema que queda es que ambos botones se muestran al mismo tiempo.

En este momento, quiero escribir una declaración if para manejar cuál de los 2 botones mostrar en la página en función de si el botón predeterminado para agregar al carrito está dentro o fuera de la vista del usuario (si el usuario se ha desplazado hacia abajo pasado el botón). Preferiblemente, me gustaría un valor booleano para verificar el tiempo que el primer botón está a la vista para poder escribir una declaración if/else para decidir qué botón se debe cargar, pero no encuentro ninguna solución para la codificación de Liquid/Shopify. ¿Algún consejo para lograr esto?

Estoy bien usando JavaScript, pero tengo problemas para implementarlo con el código de Liquid para la página de mi producto.

Estoy usando el tema Prestige.