- This topic has 10 replies, 2 voices, and was last updated 2 years, 1 month ago by
.
-
Posts
-
Hi,
I am doing copy past of the shortcode inside the container ([wp_show_posts id=”28536″]), by editing the page, but the carousel is not working. (check last container of the page, above footer). https://hygienedunia-staging.mars-cdn.com/
Actually I am using WPSP for the first time, so maybe I am making some mistakes at settings. Please guide me.
Hi Juned,
You staging site’s CDN isn’t loading the required assets properly so it breaks the carousel – https://share.getcloudapp.com/X6ul4E5E
It’s returning 404 errors for slick.min.css which is the styling used by the carousel script of WPSP.
Hi Elvin,
I done the necessary settings at Easy IO CDN, still WPSP not working. Please help. I used the same shortcode at About us page also, but it is showing nothing.
Now I deleted the plugin from staging site and installed at my Live site.
Still the carousel for WooCommerce products is not working. I have used the shortcode at this page: https://www.hygienedunia.com/communication-preferences/
The page is showing as blank. Please guide me further.
Still the carousel for WooCommerce products is not working. I have used the shortcode at this page: https://www.hygienedunia.com/communication-preferences/
Can you try disabling all plugins except WPSP?
There seems to be a script that’s manipulating the image.
Note: Carousel doesn’t work well with Lazy loading. If you’re using one, it can break the carousel.
Yes Lazy Loading is enabled, and it is very useful for site performance. In that case should I drop the idea to use WPSP at my sites??
Hi,
EWWW Image Optimizer developer has suggested some solutions to me. I will try those and then get back to you.
Thanks.
Have you sorted it out? Let us know how it goes.
Note: If your plugins have Lazy loading exclusions, try excluding the ones used in the carousel especially if it’s above the fold. While lazyloading is helpful, it is not recommended for any images that appear above the fold. 😀
1. What do you mean “above the fold”?
“Above the fold” is basically the first thing you see when the page loads.
Images above the fold are images that immediately show on the viewport when the page loads.
It’s not ideal to lazy load things that you will see immediately when the page loads as it causes all sorts of issues like CLS, masonry script miscalculation and other script issues where the script requires elements to be moved/manipulated.
- You must be logged in to reply to this topic.