The Grid Plugin initial animation

Support
#1

I know, that this issue is “out of scope” but…

Maybe someone knows, why initial animation in the grid plugin works only in “load more” mode?

I want my grid to load like in demo and animate then in displays on screen:

https://theme-one.com/the-grid/praia/

#2

Hey Philipp,

The Grid usage and troubleshooting are part of our support. Try going to Load/Ajax and enable the Pre-loader

And under Animations, ensure you have an animation or it’s not set to None.

Hope that helps.

#3

It initiates on page load no matter what kind of ajax method is chosen. Even if “on scroll” method is chosen it loads after page has been loaded…

In demo it appears really on scroll. My grid starts loading on page load… ))

#4

I ve found an answer (some kind of trick):

My grid got 3 columns by default so:

  1. Source / Item Number = 3
  2. Load / Ajax / Load More Item Number / 1
  3. Load More Item Delay / 300 ms
  4. Preloader Item Delay / 500 ms

Global CSS:

Disable “Loading…” div.

.tg-ajax-scroll {
display: none !important;
}

Section with Grid inline css:

min-height = the default loaded height

So the height of a section will be the same like if it was loaded and it will not jump after loading evey 3 items (columns)
And every row will load on scroll.

There is only one issue. The first row loads everytime after the page was loaded. Other row are loading well.

Sorry for my english )

#5

Hello There,

It will load the first row after the page has been loaded. If you have several grids in the same page, the first rows will be loaded as well. This is a plugin default and you can no longer alter that.

Hope this helps.

#6

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