shop page jumps

[micheal_w]

Hi Guys,

I have 12-15 products on each category page (so not many at all) but during the loading process, they are not in place.
They jumps in once the page is loaded.

See a screen recording here:
https://www.dropbox.com/s/zru9gqf8e4v7azg/Untitled.mov?dl=0
(if the quality is bad, download the video)

Any recommendation what to do?

[Rui Guerreiro – SUPPORT]

Hi,

Not sure what can be done. Will forward this one to Ed to see if it’s possible to do anything.
Let’s wait for the reply.

-Rui

[Swift Ideas – Ed]

Hi @micheal_w,

The items should animate in one by one – not sure why you are seeing that. I’ve just loaded up your site on incognito, and this is what I see: http://swiftideas.d.pr/q0Bi/40eeJH3x

– Ed

[micheal_w]

Hi Ed,

The jumps happen only when the pages load first (after caching a particular page, it doesn’t happen).
I have got it checked in 6 different computers / os / browsers / wifi / ethernet – but the same thing happens.

It might be related to the slow internet speed (4-6MBPS that we have here in Australia).
Any recommendation what to do apart from moving out? 🙂

This issue is really annoying and it very much effects the first impression that our customers see.

[Swift Ideas – Ed]

Still can’t replicate it locally, maybe it is down to internet speed. Can you provide a login so that we can test a JS change for you?

– Ed

[micheal_w]

This reply has been marked as private.

[Swift Ideas – Ed]

Have made a change – please disable the performance option within theme options to see the change. Let us know if it makes any difference.

– Ed

[micheal_w]

Hi Ed,

Performance options turned off
CDN purged
Cache cleared in browsers

then tried, but the issue is the same 🙁 see this: https://www.dropbox.com/s/zru9gqf8e4v7azg/Untitled.mov?dl=0

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

In your video, you can see the browser is still loading assets in whilst you are trying to scroll down. It looks like the JS has not yet loaded or initiated at this point, hence the layout issue you experience.

If I navigate to your category now, I do not see any lag or delay in items loading: https://lifewear.com.au/collections/womens/

Is this something you still see? What browser/OS are you working on?

[micheal_w]

Hi David,

“In your video, you can see the browser is still loading assets in whilst you are trying to scroll down.”

Yes, that is the problem! That during loading process the products are all over the place – visitors don’t understand what’s happening and they are leaving even before the page loaded.

“If I navigate to your category now, I do not see any lag or delay in items loading: https://lifewear.com.au/collections/womens/”

Me neither, because it has been cached to the browser. But having a product page with incorrectly displayed items as a first time experience to the customers, it is really not great

What browser/OS are you working on?

Have tried it in all sorts of browser and OS combinations (Safari / Chrome / Edge / macOS / iOS (tablet) / WIN)
Same issue.

I just simply want to see the products loaded “row by row” or even “product by product” but without any jumps after 5-10 seconds…
Just simple as all other websites do… I do hope that you can see the error in the loading process too, hope to find some solution…

Thanks

[David Martin – Support]

Will check this with Ed now, thanks for your patience.

[Swift Ideas – Ed]

Please try adding this css, that should sort it:

.woocommerce ul.products li.product {
    clear: none;
}

– Ed

[micheal_w]

Hi Ed,

at this stage it works 100% perfectly!
Thank you for your help!

M.

[Rui Guerreiro – SUPPORT]

Great. Thanks Ed.

-Rui