Return to previous page

How to remove layout jumps on delayed loading

This topic has 15 replies, 4 voices, and was last updated 6 days, 18 hours ago ago by Andrew Mitchell

Goostaf

Participant

April 27, 2024 at 09:57

Hello, we have a jumping layout on the home page when we install the delayed loading of images feature, can this be fixed? Please upload video

Content is visible for topic creator and
support staff only.

#393159 Copied Theme version: 9.3.3

14 Answers

Tony Rodriguez

Support staff

April 27, 2024 at 11:28

Hello, @Goostaf,

Thank you for contacting us and for using XStore.

1/ Can you please switch to WooCommerce default theme – Storefront (Appearance > Themes) in order to check if the issue is restricted to XStore only? Let us know the result.

We kindly recommend that you take a complete backup of your site before proceeding.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#393169 Copied

Goostaf

Participant

April 27, 2024 at 16:48

This is problematic to do on a work project…no other options? It happens only on the main page and the Carousel of Images widget

#393209 Copied

Tony Rodriguez

Support staff

April 29, 2024 at 05:23

Hello, @Goostaf,

Thank you for your response.

We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://xstore.helpscoutdocs.com/article/36-included-plugins ), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further and help you:

WP Admin URL:
WP Admin Username:
WP Admin Password:

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

Content is visible for topic creator and
support staff only.

#393300 Copied

Goostaf

Participant

April 29, 2024 at 21:59

Disabling plugins did not solve the problem, I discount site data and video.

Content is visible for topic creator and
support staff only.

#393421 Copied

Luca Rossi

Support staff

April 30, 2024 at 07:57

Dear Goostaf,

We hope this message finds you well. Upon investigation, we have identified that the WP Fastest Cache Options plugin was causing the issue you reported. To address this, we have excluded your home page from the cache, which has successfully resolved the problem.

Please be advised that issues related to third-party plugins fall outside the standard scope of our support services. For further assistance with the WP Fastest Cache Options plugin, we recommend contacting the plugin’s author directly.

Thank you for your understanding.

Best regards,
The 8Theme Team

#393451 Copied

Goostaf

Participant

May 1, 2024 at 10:51

I see that the problem remains. I don’t think it’s because of the caching plugin. We disabled the caching plugin also during tests and in general we have it for 4 days, and this problem has been known for a long time, we just didn’t use it that’s why. It’s something else, maybe it’s related to the work on the image carousel widget. I’ve recorded a video now.

Content is visible for topic creator and
support staff only.

#393607 Copied

Luca Rossi

Support staff

May 1, 2024 at 14:18

Hi @Goostaf,

The video is not loading on our end.

Could you please upload it to another place like Google Drive or Dropbox?

Thank you!

#393624 Copied

Goostaf

Participant

May 1, 2024 at 15:13

I uploaded 2 videos, on the second video tried to change the picture format to full and the layout is not so much jumping, apparently it is connected with this, on the first video you can see that the matter is not in the caching plugin.

Content is visible for topic creator and
support staff only.

#393631 Copied

Luca Rossi

Support staff

May 1, 2024 at 16:27

Hi @Goostaf,

We’ve disabled the lazy load of images.

Could you please check again?

Best regards,
The 8Theme Team

#393637 Copied

Goostaf

Participant

May 1, 2024 at 16:41

Yes, it’s fine without it of course, the thing is that it happens exactly when I turn on Pending Download your and I want it to work.

#393638 Copied

Goostaf

Participant

May 1, 2024 at 16:43

I like this tool, just here in one point something does not work so, I showed that it is a widget with a carousel of pictures, there is a conflict between your tool and this standard widget, that’s all.

#393639 Copied
Luca Rossi

Support staff

May 2, 2024 at 04:27
Hi @Goostaf,

This issue is happening when the images of carousel are slowly loading, so the grey image is not covered the width of section.

Please try adding this custom CSS under Theme Options > Theme Custom CSS > Global CSS to fix this:
```
.wpb_images_carousel .swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
}
```
Hope it helps!
#393658 Copied
Goostaf

Participant

May 2, 2024 at 17:38

Well, thanks!

#393777 Copied

Andrew Mitchell

Support staff

May 2, 2024 at 17:38

Dear Goostaf,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#393778 Copied
Tagged: delayed loading solutions, enhance woocommerce user experience, fix woocommerce layout issues, improve woocommerce performance, optimize wordpress load time, remove layout jumps, wordpress woocommerce themes
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘How to remove layout jumps on delayed loading’' has been successfully resolved, and the topic is now closed for further responses

How to remove layout jumps on delayed loading

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection