- This topic has 4 replies, 2 voices, and was last updated 2 years, 3 months ago by
.
-
Posts
-
I’d like to show 5 or 6 carousels on a page, loading each in by ajax to reduce the db load.
https://stagecurrenttv.wpengine.com/video-on-demand/
I’ve inserted a regular carousel at the top – it works fine so there’s no plugin conflicts.
Below that are other posts with a carousel shortcode in them. These are being loaded but the carousel classes are not being initialized and they are staying at opacity: 0 after loading.
It doesn’t work when loaded by ajax apparently?Can you help getting these carousels to work when they are loaded after page load?
Hi there,
We don’t recommend using pagination and/or its ajax load more variant when the page has multiple WPSP lists as it’s currently bugged. (WordPress core bug)
While we can force the opacity to 1 when the posts have been loaded with this CSS:
.wpsp-carousel { opacity: 1; }The posts that will show are all the same because of the pagination bug with
wp_query()function of WordPress when there’s multiple post lists queries within a page.The problem isn’t really the posts shown or the opacity – I can handle that.
The problem is that it’s not outputting a carousel at all.
The slick CSS classes aren’t being added to any elements, so it’s not a carousel at all.Please cc simon.chercka@gmail.com on responses, thank you.
The problem is that it’s not outputting a carousel at all.
The slick CSS classes aren’t being added to any elements, so it’s not a carousel at all.The actual first list is a carousel as shown here – https://share.getcloudapp.com/DOuqwkj0
But if you’re trying to turn the ajax loaded posts into a carousel, that won’t work. The plugin wasn’t coded to run that way, unfortunately.
- You must be logged in to reply to this topic.