Im having a prolem with my product images. They stick on scroll which is good but I can’t get them to move up as you get to the footer - they are over top of the footer. I would like the image to move up as the footer is displayed. any ideas?
Topic summary
A user is experiencing an issue where sticky product images overlap the footer when scrolling down the page, instead of stopping or moving up as the footer comes into view.
Proposed Solution:
Another participant provided a CSS/JavaScript code snippet to be added to the theme.liquid file, just above the closing </body> tag. This code is intended to control the sticky image behavior near the footer.
Current Status:
The original poster reports the solution partially works but appears to be limiting thumbnail images in some way—some images seem to be missing from screenshots. The issue remains unresolved, with the user still seeking additional guidance or alternative approaches.
Hey @nope-rope
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Mooed! Thanks for this, and it is working although it seems to be limiting the images. For example, the screenshot you took is missing a thumbnail. Any ideas?
Still no working answer to this, anyone?