Back to Community

Troubleshooting Common Premium Addons for Elementor Carousel Issues

29 threads Sep 9, 2025 PluginPremium addons for elementor

Content

The Premium Addons for Elementor Carousel widget is a powerful and flexible tool for creating dynamic sliders. However, like any complex feature, users can sometimes encounter unexpected behavior. Based on community reports and solutions, this guide addresses the most frequent carousel issues and their proven fixes.

1. Slides Appear in the Wrong Order

The Problem: Slides are not displayed in the intended order, often appearing to be sorted randomly or by an internal ID.

The Solution: This is a common configuration issue. Navigate to the carousel widget's settings and locate the Content Type option. Change this setting from 'Select Field' to 'Repeater'. The Repeater content type allows for manual control over the order of your slides, ensuring they appear exactly as you arrange them.

2. Autoplay Stops After Manual Interaction

The Problem: The carousel's autoplay function works until a user manually clicks or drags a slide, after which it stops permanently.

The Solution: This is the default behavior of the underlying Slick slider library. Achieving a different outcome, such as pausing autoplay only temporarily, requires custom JavaScript to override the default settings. This typically involves listening for user interaction events (like 'swipe' or 'drag') and then calling methods to control the autoplay functionality.

3. Glitchy or Jumpy Slide Animations

The Problem: Transitions between slides are not smooth; they may stutter, jump, or the previous slide may flicker before the next one animates in.

The Solution: Animation glitches can often be caused by conflicts with your active WordPress theme or other plugins. First, try a basic conflict test by temporarily switching to a default WordPress theme (like Twenty Twenty-Four) and deactivating all other plugins except Elementor and Premium Addons. If the glitch disappears, reactivate them one by one to identify the culprit. The 'Premium Addons for Elementor' team has also acknowledged working on new animations for a future update to address this.

4. Carousel Prevents Page Scrolling on Mobile

The Problem: On touch devices, attempting to scroll the page vertically sometimes accidentally triggers the carousel to slide horizontally instead, making the page difficult to navigate.

The Solution: This occurs because the carousel interprets the vertical scroll gesture as a horizontal swipe. A potential CSS fix is to add custom code to your carousel widget or theme's stylesheet to modify the touch-action property. The suggested code is:
-ms-touch-action: pan-y; touch-action: pan-y;
This CSS rule instructs the browser to prioritize vertical (pan-y) scrolling on that element, which can help prevent accidental carousel swipes.

5. Images Stretched or Not a Uniform Height

The Problem: Images within the carousel have different aspect ratios, leading to inconsistent heights or stretched, distorted images when trying to force a uniform size.

The Solution: You can use CSS to create a uniform appearance without distortion. The following code ensures all images fill a container of the same height while cropping them proportionally to avoid stretching.

.premium-carousel-inner .elementor-image img {
    min-height: 300px; /* Set your desired uniform height */
    object-fit: cover; /* This crops the image to fill the space */
    width: 100%; 
}

General Troubleshooting Tips

  • Infinite Loop: If the carousel exhibits a 'rewinding' effect on the last slide, ensure the 'Infinite Loop' option is turned on in the widget's settings.
  • Clear Caches: Always clear your WordPress cache, browser cache, and any server-side caching (like CDN) after making changes to ensure you are viewing the most recent version of your site.
  • Check for Conflicts: As mentioned in point 3, theme and plugin conflicts are a common source of issues. A conflict test is a crucial first step in diagnosing strange behavior.

By following these troubleshooting steps, you can resolve the majority of common issues encountered with the Premium Carousel widget and create smooth, professional-looking sliders for your website.

Related Support Threads Support