Carousel breaks after last image

I’ve just noticed that when the image goes back to the first image in the queue it breaks, but if you cycle through the images backwards it works perfectly.

Hi there,

That sounds very odd. Do you have a URL where I could see this in action?

Phil

Unfortunately it’s only a local instance at the moment. I know it’s not very intuitive but I could provide some screenshots?

It does look as though it’s the <p> tags but odd that it’s adding them to the shortcode as it hasn’t happened to other shortcodes.

Thanks for the quick response!

Tom

Ok – could you View Source and paste the relevant HTML somewhere for me to see? (Either this thread as a code block, or pastebin or somewhere).

It could be that the WordPress editor is adding <p> tags somehow, some themes do this. Could you check the raw Text tab of the page that you’re editing to make sure that there isn’t anything extra creeping in there?

Phil

Of course… https://pastebin.com/sPsuYuNA

Notice the weird p and div tags within the p tags.

I am going to try a few other things that may have caused the issue and let you know if any of it worked.

I’ve had another look at:
1) the ‘Visual Editor’ and made sure there is no space between anything
2) the ‘Text Editor’ is not displaying anything before or after the “[image-carousel category=”homepage-slider-1″ interval=”4000″]” shortcode.

Okay this is really strange. The carousel works perfectly on other pages now and the <p> tags are no longer wrapping the previous and next div’s.

I will re-create the other page I was using the carousel on and see if it fixes it.

Did you get anywhere with tracking this down? As you say, the extra markup is really weird – I can’t see why the carousel would put that in, so my guess is that there must be something else in your setup interfering with the output somehow. The fact that it’s page specific is really strange. Was this page the homepage and the others not? It could be something to do with the theme – homepage pages are usually rendered with front-page.php or home.php in the template folder instead of page.php…

Unfortunately not, I had to switch to something else. It looks as though it is working on one page but not others, which is really, really strange! I am going to continue removing things that I may think have caused the issue, but I will let you know.

I’ll also check the home.php configuration and just see if that’s the issue, but considering the plugin has been working perfectly previously, I think it’s something else, possibly my mark up with something I added in header.php, but again wouldn’t explain why it’s working on some pages but not others :S

Thanks again for the response, I really appreciate it!

Ok – let me know if you figure it out, I’d be interested! I’ll mark this as resolved for now if that’s ok..

Phil

same problem, check it here https://tomasrydel.cz/elitepermanentmakeup/ after second slide it breaks.

Same cause – it looks like something is conflicting with your javascript. I’m afraid that there’s no easy solution, just deactivating all plugins and then switching them back on until it breaks again. The markup being generated by the plugin looks fine, so that’s not causing the problem.

Phil

It is strange, I have tryed deactivate all plugins but it didn’t help. The problem is only when I use shortcode, If I call aciton like <?php echo do_shortcode( '[image-carousel]' ); ?> it works

Ah ok, interesting. Yes on closer inspection it looks like your theme is wrapping all newlines in <p> tags. Do you have something in your theme’s functions.php file which might be doing this?

I have foud out it has conflict with woocommerce in my case, but I don’t know how to fix it so I will investigate.

Interesting, thanks for letting me know.. WooCommerce must be doing something to one of the pre-post hooks I imagine.

Phil