Return to previous page

Product image not visible on mobile until user scrolls — how to disable this behavior?

This topic has 3 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by Zg007

Zg007

Participant

July 29, 2025 at 13:45

Hi,

I’m using the XStore theme (v9.4.5) with WordPress v6.7.1, WPBakery and WooCommerce.

On mobile devices, when opening a single product page, the main product image does not load immediately – it only becomes visible after the user scrolls even slightly (1–2px).

I’m using default WP Rocket lazy load, but I tried disabling it using:

WP Rocket’s “Excluded images” options (.wp-post-image, etc.)

PHP filters in functions.php (rocket_lazyload_excluded_attributes, etc.)

JavaScript triggers (scroll, resize)

Nothing works — the image is still hidden until the user interacts with the page.

How can I disable this behavior and make sure the main product image is always visible immediately on page load (on mobile)?

Thank you in advance!

Please, contact administrator
for this information.

#451060 Copied

2 Answers

Jack Richardson

Support staff

July 29, 2025 at 16:00

Hello @Zg007
You can set the “Image loading type” option in your Theme Option to default value and check then. Or provide us the temporary access to your web-site in private content.
Kind regards, Jack Richardson
The 8theme’s team

#451069 Copied

Zg007

Participant

August 3, 2025 at 10:40

It works and everything is ok, thank you.

#451567 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Product image not visible on mobile until user scrolls — how to disable this behavior?’' has been successfully resolved, and the topic is now closed for further responses

Product image not visible on mobile until user scrolls — how to disable this behavior?

Explore our best WordPress WooCommerce Themes collection