Fade 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.
Top keywords
- slide16×2.98%
- slider11×2.05%
- bootstrap10×1.86%
- fade9×1.68%
- display7×1.30%
- height7×1.30%
- mobile7×1.30%
- drag5×0.93%
- responsive5×0.93%
- slides5×0.93%
- animation4×0.74%
- automatically4×0.74%
Slider Ultimate
Slider Demo Website Ultimate Slider is an easy-to-use responsive slider plugin that lets you add a clean, modern, image slider to any page on your WordPress site using a simple Gutenberg block or slider shortcode. Create a high-resolution full-width slider that looks great and that transitions well into a beautiful mobile slider. Key Slider Features Responsive full-width slider layout that adapts to any page setup and size Includes a Gutenberg block, so you can add the slider to any page, post, sidebar or widget area on your site Simple slider shortcode for adding the slider to any page Create an unlimited number of slides for display in your slider Create different slideshows using the built-in slider categories Ultimate Product Catalog slider integration Drag and drop slides to re-arrange slider order There are various slider customization options, including slider autoplay and the ability to set the slider delay and slide interval times. There is also a custom CSS input that lets you further modify the slider styling, so you can get it looking and working exactly as you need. [ultimate-slider] Simply insert the shortcode above into any page to display your slider. Alternatively you can use the Display Slider block, which you can find by searching for it or directly in the Ultimate Slider block section. The Ultimate Slider plugin also fully integrates with the Ultimate Product Catalog plugin. This means that you can choose to have a slide’s content and image pulled directly from a specific product from the Ultimate Product Catalog. Alternatively, you can choose to just type in the slide content and set either the featured image or the first image in your post as the slide image. Each slide has a customizable title and text area. You can also add custom links to each slide in the form of buttons, offering your visitors an easy and upfront way of accessing the most important pages on your site. Additional Features Custom post type for easy integration with other WordPress functionality Customizable slider options, including autoplay, and slide interval and slide delay time Custom CSS input to modify slider styling Add YouTube videos to your slider Carousel mode Choose the aspect ratio for your slider Timer bar so visitors know when the slide will change Choice of dots or thumbnails for slide navigation Bulk edit slides (e.g. to assign categories, etc.) This jQuery slider is your best option for adding a responsive slideshow to your WordPress site. Whether you just need a simple responsive banner at the top of your homepage or a custom slider with mutliple images and content, our wide array of options will allow to set this up in no time. With options for a carousel slider, slider effects and more, you can customize it to your needs and create the perfect responsive mobile slider. WooCommerce Slider (Requires Premium) Liven up your WooCommerce product pages by replacing the default image area with a responsive slideshow. Our custom slider option lets you showcase your different product images in an effective, attractive manner. The WooCommerce slider integration also gives you an option to add a new banner or responsive slideshow to any page that is automatically populated with the images and content from your WooCommerce products. Responsive WooCommerce slider on your product pages, taking your WooCommerce images to the next level Automatically populated with your product images, no extra work All animated slider effects apply to the WooCommerce slider as well Add a new banner or responsive slideshow that showcases your products anywhere on your site Create a carousel slider that lets you show multiple images at once The responsive WooCommerce slider looks great on all screens and is a great option as a mobile WooCommerce slider Premium Features Choose from ~20 arrows and set any color, size or background you’d like without any coding Option to replace the main image on the WooCommerce Product Page with an image slider of all of a product’s images Lightbox option to create scrolling galleries with the carousel feature Multiple slide transition effects Title animations for your slides Options to hide certain slide elements in mobile view Set a separate aspect ratio for the slider for mobile view Option to force the slider to take the full width of the window, regardless of theme containers Option to add watermarks to your slides to protect your images Styling options, including the font family, size and color of your slide’s title, text and buttons Shortcode [ultimate-slider]: displays all slides that you’ve created, can accept the attributes ‘category’ (set to a category’s slug), to display only slides from a certain category, and ‘slider_type’ to display WooCommerce products without having to create new individual slides for them For more information, please visit our WordPress slider plugin page. For help and support, please see: Our FAQ page, here: https://wordpress.org/plugins/ultimate-slider/faq/ Our documentation, here: https://www.etoilewebdesign.com/support-center/?Plugin=US&Type=FAQs The Ultimate Slider support forum, here: https://wordpress.org/support/plugin/ultimate-slider