Fade Slider vs General Slider

Fade Slider is a lightweight, modern carousel/slider plugin built on Bootstrap 5.3. It provides smooth fade and slide animations with full responsiveness and works seamlessly with any WordPress theme. Key Features Bootstrap 5.3 carousel component with native animations Fade and slide animation modes Fully responsive design (mobile, tablet, desktop) Adaptive height scaling for different screen sizes Touch and keyboard navigation support Customizable interval, pause behavior, and autoplay Slide titles, descriptions, and clickable URLs Indicator dots and navigation arrows Responsive caption display with mobile optimization Works with any theme (includes Bootstrap or uses CDN) Automatic Bootstrap duplicate detection (prevents conflicts) Drag and drop slide reordering with visual feedback Auto-save slide order when reordered Custom Options 1. Install and activate the plugin 2. Create a new slider in the admin panel (Fade Slider menu) 3. Configure animation type (Fade or Slide) 4. Set carousel interval (delay between slides in milliseconds) 5. Add slides with images, titles, descriptions, and URLs 6. Set slider height/width (auto-scales to 70% on tablet, 60% on mobile, 50% on small phones) 7. Choose to show/hide captions on small devices 8. **Drag and drop slides to reorder** - Simply click and drag a slide thumbnail to change its display order. Visual feedback shows where the slide will be placed 9. Add shortcode to page/post: [display_fade_slider id=SLIDER_ID] 10. Or use template: Shortcode Usage [display_fade_slider id=1] Configuration Options Animation: Choose between Fade or Slide effects Interval: Set auto-play delay (milliseconds) or turn off with ‘off’ Hover Pause: Pause slider on mouse hover Show Indicators: Display bottom dot navigation Show Arrows: Display prev/next buttons Description Responsive: Hide captions on mobile devices (only shows on desktop/tablet) Slider Height and Width: Auto-responsive scaling Frequently Asked Questions Which Bootstrap version is required? Bootstrap 5.3.3 is automatically loaded via CDN. If your theme already includes Bootstrap 5.3+, the plugin will automatically detect and avoid duplication. Do I need to install Bootstrap separately? No. Bootstrap 5.3 is loaded automatically via CDN. The plugin includes intelligent duplicate detection to prevent conflicts with theme-provided Bootstrap. Does it work on mobile devices? Yes. The plugin is fully responsive with adaptive height scaling: Desktop (≥1200px): Full configured dimensions Tablet (768px-1199px): 70% of viewport height Mobile (≤767px): 50-60% of viewport height Small phones (≤375px): 40% of viewport height Can I customize animations? Yes. Two animation modes are available: Fade (opacity transition) and Slide (horizontal transition). Is there keyboard/touch support? Yes. The carousel supports touch gestures, arrow keys for navigation, and full accessibility features. How do I hide captions on mobile? In slider settings, select “Hide” for “Description Responsive” option. Captions will only show on tablets and desktops (≥768px). How do I reorder slides? You can easily drag and drop slides to change their display order. Click and hold on a slide thumbnail, then drag it to the desired position. The slide order is automatically saved when you release it. Visual highlighting shows where the slide will be positioned. Can I edit slide images after adding them? Yes. Click the edit icon (pencil) on any slide thumbnail to change the image. Click the trash icon to remove a slide entirely.

General Slider is a fast, modern slider for WordPress. Create a slider once, then place it anywhere with a block or shortcode — no page builder and no coding required. Use it as a hero slider, image carousel, testimonial slider, logo carousel, product showcase or fullscreen banner, in the block editor, with a shortcode, or as an Elementor widget — on any block or classic theme. It’s ideal for WooCommerce product sliders, Full Site Editing layouts, portfolios and landing pages. Browse the demo gallery — see every ready-made slider you can import in one click · Read the full guide — setting up a slider, the block and shortcode options, and how the assets stay off pages that have no slider · Development on GitHub — report issues or contribute. Why General Slider? Lightweight and fast — no jQuery on the front end (built on the Splide engine) Accessibility-first — keyboard, screen reader, play/pause and reduced-motion support Works with any theme — block (FSE) or classic Beginner friendly — build sliders from the WordPress admin, no code Block, shortcode and Elementor — add a slider anywhere Loads only where needed — assets are added only on pages that show a slider Perfect for Business and agency websites Portfolios and landing pages Hero sections and fullscreen banners Image and logo carousels Testimonials and team showcases Product showcases and WooCommerce banners Getting started Install and activate General Slider. Go to General Slider > Add New, add your slides, or import a ready-made demo from the Demo Library. Add the General Slider block to any page, or paste the shortcode. Done. Features Editing Reusable sliders — build slides manually, or pull them dynamically from your posts, pages or WooCommerce products Per-slide image or background video (self-hosted MP4/WebM, YouTube or Vimeo) Sub heading, heading, text, button and a whole-slide clickable link Categories, a duplicate action and custom CSS per slider Start from a ready-made demo when creating a new slider Display Gutenberg block, shortcode and Elementor widget Five design presets — Hero, Split, Minimal, Testimonial and Fullscreen Navigation & frame skins — Classic, Soft, Stories, Stories Progress (auto-filling segments), Numbers, Vertical, Corner, Neon, Minimal, Pill, Outline, Retro, Glass and Dark looks for the arrows, dots and slider frame; mix any skin with any preset Text entrance animations — fade, fade up/down, slide from left/right or zoom, staggered across the sub heading, heading, text and button Device-specific settings — different slides-per-view, gap, height, arrows, dots and content visibility for tablet and mobile Slide or fade transitions, autoplay with a pause control Multiple slides per view (carousel) with adjustable gap Thumbnail navigation and Ken Burns zoom Overlay (solid or gradient), image fit, focus point and accent colour Performance No jQuery on the front end Conditional asset loading — nothing loads on pages without a slider Lazy-loaded images, with the first slide eager and high-priority for a better LCP Sliders initialise only when scrolled into view RTL ready Accessibility Full keyboard navigation and screen-reader labels Play/pause button for autoplay Respects the reduced-motion setting For developers Filters: general_slider_settings, general_slider_slides, general_slider_config, general_slider_html, general_slider_presets, general_slider_skins, general_slider_dynamic_query_args and general_slider_dynamic_slide Register your own design preset or navigation skin, or reshape a dynamic slider’s query and slides Demos & migration Demo Library — import ready-made sliders, images included, in one click Export any slider as a portable demo package (.zip) JSON import / export, plus global default settings for new sliders External services This plugin includes an optional Demo Library that loads ready-made sliders from a remote service hosted on GitHub Pages: devmonowar.github.io/wp-plugin-demo-library It connects to this service only when you: open the Demo Library screen — to download the list of demos and show their preview images; and click Import Demo — to download that demo’s data and images into your site’s Media Library. These are plain, read-only requests for files. No personal data is collected or sent, and no request is made unless you use the Demo Library. The service is provided by GitHub Pages (GitHub, Inc.) — terms of service — privacy statement.