As you can see in your own shop demo, the product images appear while scrolling. Depending on the server speed, this could be dangerous. Is there a way to prevent that? I want that all the products load at once, as it does in the default woocommerce configuration.
The LazyLoader per images is default, but pagination can be changed on Laborator -> Theme Options -> Shop for more please read the article we wrote about Shop Layout. If you still facing the issue you can consider sharing the WP Credentials with us and we can check for you.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Your information is safe (private) in this thread.
I am not talking about the lazyloading pagination. But for the fade effect of the product thumbnails.
When you scroll down the shop you first see the Placeholder Background Color, and then the thumbnail appears. Don´t know why, sometimes, the thumbnails take more time to appear. Maybe server or internet response. So I prefer that the thumbnails load all together, including the images that are not in the browser view.
Please consider sharing your site and WP Credentials with us so i would take look to it cause the feature you asked is active by default, it might be disabled due to any plugin you have installed that is not part of Kalium.
Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Eroll, i understand you need my credentials. But, for now i prefer to try to solve it without sharing them, unless is completely necessary. I hope you understand. Do you really need my credentials when it is also active by default also in your demo shop?
As you can see, while you scroll down, you first see the grey background color for the products images with the preloader icon animation, and then the image appears. Is it possible to disable that? It is not something specific of my plugins. It is something in your theme code.
You are always saying that my installation plugins maybe the reason but the problem is not that.
What i don´t want is that the images are loading slow every time i scroll down the page. It is not something in my installation, is something from your theme. That is why i show you the link to your demo shop every time because it is something by default in your theme in general. I am sending you 2 screenshots from your demo shop maybe now you to understand better.
The first image has the grey squares without images, and the second one shows the images images loaded. It doesn´t matter which kind of pagination is chosen. They perform always the same way.
Is it possible to disable this fade/loading animation and load all the images at the same time with no waiting time, like in the original woocommerce?
There is a link of a test shop. As you can see as the page loads or you scroll down, you see the red background and the spinning load icon in the image place. I want to disable that effect.. I want that the images load all at the same time. And after i scroll down the images are preloaded. Don't want to see the loading icon effect.
The loading effect is present in all your theme. Product catalog, single product, related products. I guess it is a javascript code.
I really appreciate your time, dedication, and effort to help me. What i want is very simple but i am starting to think i´m not explaining things well from the beginning.
I knew i can remove the color that way. I know i can also type "transparent".
But what i need is that the images are loaded all together in the first load!! I think i wrote like 5 times this: when you scroll down the page the images started to load one by one, with a fade-like effect. And they not load until you scroll down. It happens also when you enter the single product page. And it happens also with the normal pagination option (with lazy loading disabled).
Maybe you run a super computer, or have a super internet connection. But in normal computers, and connections images load at different times. You can try with your mobile phone. As you scroll down, you first see a blank space, and then the image appears. That doesn´t happen in the woocommerce by default!
Please.. if you don't understand, i will try to record a video. I hope after all this posts from both sides, there is a solution for this, because if not, i will be depressed for a long time.
Firstly I am very sorry for misunderstanding here. Eroll tried to help you thinking that it was the problem with "effect" rather than you technically specified that images should be loaded all at once not with lazy loading (while they come close to the viewport).
I would suggest you this code to disable lazyloading entirely:
I've asked previously on this but never received the solution to turn off lazy load. The code works and my store feels much faster now when the lazy load feature is turned off.
As you can see in your own shop demo, the product images appear while scrolling. Depending on the server speed, this could be dangerous. Is there a way to prevent that? I want that all the products load at once, as it does in the default woocommerce configuration.
Thanks!
Hi Jazmin,
The LazyLoader per images is default, but pagination can be changed on Laborator -> Theme Options -> Shop for more please read the article we wrote about Shop Layout. If you still facing the issue you can consider sharing the WP Credentials with us and we can check for you.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Your information is safe (private) in this thread.
Thank you.
Eroll, thanks for answering.
But i think you didn´t get my point.
I am not talking about the lazyloading pagination. But for the fade effect of the product thumbnails.
When you scroll down the shop you first see the Placeholder Background Color, and then the thumbnail appears. Don´t know why, sometimes, the thumbnails take more time to appear. Maybe server or internet response. So I prefer that the thumbnails load all together, including the images that are not in the browser view.
Hi jazminluzzi,
Please consider sharing your site and WP Credentials with us so i would take look to it cause the feature you asked is active by default, it might be disabled due to any plugin you have installed that is not part of Kalium.
Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Thank you.
Eroll, i understand you need my credentials. But, for now i prefer to try to solve it without sharing them, unless is completely necessary. I hope you understand. Do you really need my credentials when it is also active by default also in your demo shop?
https://demo.kaliumtheme.com/shop/shop/
As you can see, while you scroll down, you first see the grey background color for the products images with the preloader icon animation, and then the image appears. Is it possible to disable that? It is not something specific of my plugins. It is something in your theme code.
Thank you!
Hi J,
Preloading (lazy loader) comes out of box it mean is default,
1) Well try to disable any third party plugins that you might have installed that is not part of Kalium Package
2) Can you sent any screenshot of Shop Page or your website link at least.
Otherwise i will not be able to help you without WP Credentials.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Thank you.
Eroll, you misunderstood me.
Perhaps i used the words "lazy loading" wrong.
You are always saying that my installation plugins maybe the reason but the problem is not that.
What i don´t want is that the images are loading slow every time i scroll down the page. It is not something in my installation, is something from your theme. That is why i show you the link to your demo shop every time because it is something by default in your theme in general. I am sending you 2 screenshots from your demo shop maybe now you to understand better.
The first image has the grey squares without images, and the second one shows the images images loaded. It doesn´t matter which kind of pagination is chosen. They perform always the same way.
Is it possible to disable this fade/loading animation and load all the images at the same time with no waiting time, like in the original woocommerce?
Hi jazminluzzi,
Please share your site with us, cause there two things i don't understand what you want or you don't understand what i'm saying,
Thank you.
Eroll
http://doncel.org.ar/tienda/
There is a link of a test shop. As you can see as the page loads or you scroll down, you see the red background and the spinning load icon in the image place. I want to disable that effect.. I want that the images load all at the same time. And after i scroll down the images are preloaded. Don't want to see the loading icon effect.
The loading effect is present in all your theme. Product catalog, single product, related products. I guess it is a javascript code.
You can see here that the effect is disabled:
https://demo.woothemes.com/storefront/shop/page/3/
Hi jazmin,
Please consider watching the video i have recorded for you to learn how to disable Image Placeholder Effects: https://d.pr/v/cB3wie
Thank you.
I want to cry Eroll lol :)
I really appreciate your time, dedication, and effort to help me. What i want is very simple but i am starting to think i´m not explaining things well from the beginning.
I knew i can remove the color that way. I know i can also type "transparent".
But what i need is that the images are loaded all together in the first load!! I think i wrote like 5 times this: when you scroll down the page the images started to load one by one, with a fade-like effect. And they not load until you scroll down. It happens also when you enter the single product page. And it happens also with the normal pagination option (with lazy loading disabled).
Maybe you run a super computer, or have a super internet connection. But in normal computers, and connections images load at different times. You can try with your mobile phone. As you scroll down, you first see a blank space, and then the image appears. That doesn´t happen in the woocommerce by default!
Please.. if you don't understand, i will try to record a video. I hope after all this posts from both sides, there is a solution for this, because if not, i will be depressed for a long time.
Cheers.
Hi Jazmin,
I will set this ticket to another team member to help you with it, good lock. Please be patient until they will be available to help you.
Thank you, and sorry to not be able to help you with it.
Hi jazminluzzi,
Firstly I am very sorry for misunderstanding here. Eroll tried to help you thinking that it was the problem with "effect" rather than you technically specified that images should be loaded all at once not with lazy loading (while they come close to the viewport).
I would suggest you this code to disable lazyloading entirely:
I made 2 videos to prove how this works:
Without above code (default):
https://d.pr/v/zVajmp
With above code:
https://d.pr/v/gwOFcP
Note that in videos I am running Kalium in localhost, so you can realize that even in localhost the "lazy loading effect" was visible.
I hope I made to the point and sorry for your waiting.
Thank you Arlind!! That makes the trick!
It was just what i needed.
Hello. Thanks for the public ticket.
I've asked previously on this but never received the solution to turn off lazy load. The code works and my store feels much faster now when the lazy load feature is turned off.
Regards
Awesome! I am glad that it worked for both of you.
Have a great weekend