Subject: Sticky Product Image on Mobile (Issue with Product Configuration Visibi

Subject: Sticky Product Image on Mobile (Issue with Product Configuration Visibility)

Hello,

I’m experiencing the following issue:

On desktop view, the main product image behaves normally. However, on mobile devices, it is not sticky.

What I would like to achieve is this:
When the user selects product options (e.g. custom filters or variations), the main product image should remain visible (sticky) at the top of the screen. This way, the user can see how the product changes as they adjust the filters — without needing to scroll back up every time.

Currently, it’s frustrating for mobile users to scroll up constantly just to preview the changes.

Thank you very much in advance for your help!

Best regards,

Hello,

Navigate to Theme Settings -> Shop -> Variable products -> enable the Scroll to top on variation select [mobile] option: https://prnt.sc/kHtmq1bH10ea

Kind Regards

Thank you for your reply.

I understand that a native sticky image behavior is not currently supported on mobile. However, is there any possible workaround or method to achieve the following:

When the user scrolls down on mobile, I would like the main product image to stay fixed on top, while the configuration options (filters/variations) scroll underneath it — as if the image is “floating” and always visible.

This would greatly improve the UX, since the visitor could see changes in the product instantly without needing to scroll back up every time.

Is there any CSS or structural approach you could recommend for this behavior?

Thank you again for your time and support.

Best regards,

Hello,

Sorry, but there is no option in Theme Settings available for that.

It requires customizations, and this is beyond our limitations and support policy.

Kind Regards

[Author]

Posts