The Grid - Boxes load only after delay

There are 3 places where Im using The Grid on my site: the blog to bring in blog posts, my portfolio (work page) to bring in portfolio posts and on the contact page to bring in facebook posts. The blog and facebook posts work fine but for some reason the boxes on the Work page (http://tech4eleven.com/work/) only load after a short delay and it looks weird. This is most often seen when you haven’t visited the page before or right after cleaning your cache. Here is a video of what I see in any browser/computer: http://tech4eleven.com/shots/screencast_2018-03-09_10-16-08.mp4

I dont think i have any special settings in the portfolio grid that i dont have in the blog grid. its just pulling in the post type. can you help me with this?

Hi there,

That is something which happens because there is no Preloading going on regarding the images in the Grid. Please read the Preload items in the grid (images) section of the document below to know how you can preload images:

https://theme-one.com/docs/the-grid/#ajax_settings

If you still think that it takes time to load the images, you will have to add a Preloading animation to the grid. The document below has details about that:

https://theme-one.com/docs/the-grid/#preloader_animation

Thank you.

the preload animation is perfect. not sure how i missed that option. thanks!

Glad that we could be of a help :slightly_smiling_face:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.