WordPress plugin that extends Elementor's native carousel widgets with an Auto-fit Slides mode: set a fixed slide width and show as many slides as fit each screen size.

Problem

Elementor carousels use a fixed "slides per view" per breakpoint. On many screen widths that leaves empty space or an awkward number of visible slides.

Solution

This plugin adds:

• Auto-fit Slides — Yes/No switcher on supported carousel widgets
• Auto-fit Slide Width — responsive slider (px) for the fixed card width

When enabled, the plugin sets Swiper to slidesPerView: 'auto' and applies your slide width via Elementor's generated CSS.

Supported widgets

Requirements

• WordPress 6.0+
• PHP 7.4+
• Elementor (tested with 4.x)
• Elementor Pro (for Pro-only carousel widgets)

Installation

# Copy into your plugins directory
cp -R elementor-carousel-auto-fit /path/to/wp-content/plugins/

# Or zip for distribution
cd elementor-carousel-auto-fit && zip -r ../elementor-carousel-auto-fit.zip .

Or install with Composer (requires composer/installers in your project):

composer require turbotenant/elementor-carousel-auto-fit

Add the VCS repository if it is not already in your root composer.json:

{
  "repositories": [
    {
      "type": "vcs",
      "url": "https://github.com/turbotenant/elementor-carousel-auto-fit"
    }
  ]
}

Activate Elementor Carousel Auto Fit in WordPress admin.

Usage

1. Edit a page with Elementor.
2. Select a supported carousel widget.
3. Enable Auto-fit Slides.
4. Set Auto-fit Slide Width (e.g. 280px desktop, smaller on mobile).
5. Update / publish.

Development

elementor-carousel-auto-fit/
├── elementor-carousel-auto-fit.php   # Plugin bootstrap
├── includes/class-plugin.php         # Controls + enqueue
├── assets/js/carousel-auto-fit.js    # Swiper patch (frontend)
├── readme.txt                        # WordPress.org readme
└── README.md

License

GPL-2.0-or-later