NEO Bootstrap Carousel

NEO Bootstrap Carousel is a lightweight, production-ready WordPress slider plugin built on the Bootstrap 3 carousel framework. Create unlimited, fully responsive image slideshows or dynamic post-based carousels and embed them anywhere on your site with a simple shortcode or Gutenberg block.

Originally built by PixelsPress, NEO Bootstrap Carousel is developed and maintained by Mohsin Rafique, a seasoned WordPress and PHP engineer. The plugin is trusted by thousands of WordPress sites worldwide for its simplicity, reliability, and performance.

Online Demo | Documentation & Knowledge Base

Why NEO Bootstrap Carousel?

Most slider plugins are bloated, slow, and overly complex. NEO Bootstrap Carousel takes a different approach: deliver a fast, accessible, and standards-compliant carousel using the battle-tested Bootstrap framework.

• Lightweight – No jQuery UI, no bloated libraries, just Bootstrap + Animate.css
• Zero configuration – Install, add slides, paste shortcode, live in under 2 minutes
• Two slide sources – Media Library images or dynamic posts, WooCommerce products, and custom post types
• Gutenberg ready – Native block editor support, no shortcode memorisation needed
• Theme-agnostic – Works with any WordPress theme, Bootstrap or otherwise
• PHP 8.4 ready – Fully tested on PHP 8.4 with strict type safety
• WordPress 7.0 compatible – jQuery 4.0 compatibility shims included
• Touch-enabled – Swipe navigation on mobile via bundled Hammer.js touch carousel
• Accessible – Keyboard navigation, ARIA roles, screen reader labels

Slide Sources

Media Library – Upload and manage slides directly from the WordPress Media Library with drag-and-drop ordering.

Posts, Products & Custom Post Types – Automatically pull slides from the featured images of any public content type. Pick the Content Type (Posts, WooCommerce Products, or any registered custom post type), then choose what to show:

• Most Recent – Latest 3 published items
• Most Popular – Top 3 by comment count (WooCommerce products ordered by total sales)
• Sticky Posts – WordPress sticky posts (core Post type only)
• Random – 3 randomly selected items
• Specific Category – Items from a chosen taxonomy term (post category, product category, or a CPT taxonomy)
• AJAX-powered live reload when switching content sources (no page refresh needed)

Slide Customisation

• Title and Caption per slide (editable from the admin panel)
• Caption Animations powered by Animate.css (30+ animation styles)
• Dark or Light Overlay per slide with adjustable opacity (5% to 100%)
• Custom URL per slide – link slides to any internal or external page
• Link Target per slide – open slide links in the same window or a new tab
• Per-carousel Slide Interval and Caption Animation overrides – leave empty to inherit the global Design settings
• Drag-and-drop reordering of slides within the admin panel

Navigation and Controls

• Arrow Navigation (Previous / Next) – toggle on or off globally
• Indicator Dots (bullet navigation) – toggle on or off globally
• Keyboard Navigation – Left/Right arrow keys to navigate slides
• Touch/Swipe Support – Native swipe gestures on mobile and tablet devices
• Auto-play with configurable interval (default: 5 seconds)
• Pause on Hover – carousel pauses when the mouse hovers over it
• Wrap Mode – enable or disable infinite looping of slides

Integration

• Shortcode: [neo_carousel_shortcode id="123"]
• Gutenberg Block: NEO Bootstrap Carousel block with visual dropdown selector
• Widget areas: paste the shortcode into any sidebar or footer widget
• Multiple carousels per page supported

Settings

• General Settings – Toggle captions, arrows, and indicator controls globally
• Design Settings – Choose from 30+ Animate.css animation styles for captions and set the default Slide Interval (ms) for all carousels
• Advanced Settings – Show or hide carousel content on mobile devices

Documentation and Support

Full, step-by-step documentation lives in the online Knowledge Base:

https://pixelspress.com/docs/neo-bootstrap-carousel/

It covers everything from your first carousel to advanced use:

• Getting Started – install, activate, and build your first carousel
• Building Carousels – media and post/product slides, captions, overlays, and links
• Displaying Carousels – the shortcode, the block, and widget areas
• Settings and Customization – caption animations, slide interval, and mobile display
• Troubleshooting – fixes for the most common issues
• Developers – hooks, filters, and how to customise the carousel output in code

Credits

• Twitter Bootstrap – Carousel framework by @mdo and @fat
• Animate.css – CSS animations by Daniel Eden
• Hammer.js – Touch gesture recognition
• Select2 – Enhanced select dropdowns

Translators

Please contribute to translate our plugin. Contact at [email protected].