Smart Swiper Slider
A simple slider plugin for Wordpress which uses Swiper JS library
by Andrea · github.com/andrea-patrizio/smart-swiper-slider · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/andrea-patrizio/smart-swiper-slider/archive/refs/heads/main.zipSmart Swiper Slider WordPress Plugin
A professional WordPress plugin that creates beautiful image sliders using the Swiper JS slider library.
Features
- Easy slider Creation: Create unlimited image sliders with a simple admin interface
- Image Management: Click-based image selection using WordPress media library
- Swiper JS Integration: Uses the latest Swiper JS library (v11.0.5) for smooth, touch-friendly sliders
- GLightbox Integration: Built-in lightbox functionality with GLightbox library for beautiful image viewing
- Customizable Settings:
- Slides Per View with responsive breakpoints
- Autoplay with configurable delay
- Loop, Pagination, and Navigation options
- Custom effects (Slide, Fade, Cube, CoverFlow, Flip)
- Keyboard and mousewheel navigation
- Image captions with multiple position options
- Responsive Design: sliders automatically adapt to different screen sizes with configurable breakpoints
- Lightbox Settings: Control open/close effects, slide effects, descriptions, and looping
- Shortcode Support: Use
[sss id="1"]to display sliders anywhere with optional CSS classes - Easy Shortcode Copy: Direct shortcode copy button in slider list
- Custom DB table installation: On deactivation check the option to delete table, for cleaning the database
Installation
- Upload the plugin folder to your WordPress
wp-content/plugins/directory - Activate the plugin through the WordPress admin panel
- Go to sliders menu to create your first slider
Usage
Creating a slider
- Go to sliders > Add New
- Enter a title for your slider
- Click Add Images to select images from your media library
- Configure Swiper Settings:
- Slides Per View: How many slides visible at once
- Autoplay: Enable automatic slide transitions
- Autoplay Delay: Time between slides in milliseconds
- Loop: Continue cycling after the last slide
- Show Pagination: Display dots navigation
- Show Navigation: Display arrow buttons
- Effect: Choose transition effect (Slide, Fade, Cube, CoverFlow, Flip)
- Keyboard Navigation: Enable arrow key navigation
- Auto Height: Adapt wrapper height to current slide
- Configure Responsive Breakpoints:
- Set different Slides Per View and Space Between for various screen sizes
- Define breakpoints for mobile, tablet, and desktop views
- Configure Lightbox Settings (if enabled):
- Open/Close Effect: Choose animation effect (Zoom, Fade, None)
- Slide Effect: Transition effect between images in lightbox
- Description Position: Where to display image descriptions
- Loop: Continue cycling in lightbox after last image
- Configure Image Captions:
- Enable captions from WordPress media library
- Choose caption position (Above, Below, or Inside slide)
- Publish the slider
Displaying a slider
Use the shortcode in any post, page, or custom content:
[sss id="123"]
Where 123 is your slider ID (visible in the slider list).
slider Shortcode Parameters
| Parameter | Description | Default |
|---|---|---|
id |
slider post ID (required) | - |
class |
CSS class names for the slider wrapper | empty |
Swiper JS Configuration
The plugin automatically configures Swiper with these features:
- Touch support for mobile devices
- Keyboard navigation (arrow keys)
- Responsive breakpoints for different screen sizes
- Smooth transitions and animations
- Accessibility features
Customization
Adding Custom Classes
You can add custom CSS classes to the slider wrapper using the shortcode parameter:
[sss id="123" class="one two"]
The specified classes will be applied to the sss-wrapper div element. You can then style these classes with your own CSS.
Hooks and Filters
There are no hooks or filter available at this early release.
Browser Support
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile browsers (iOS Safari, Chrome Mobile)
Requirements
- WordPress 5.0+
- PHP 7.2+
License
GPL-2.0+
Swiper — MIT License
Copyright (c) Vladimir Kharlampidi
License included in assets/js/vendor/swiper-LICENSE.txt
GLightbox — MIT License
Copyright (c) Biati Digital
License included in assets/js/vendor/glightbox-LICENSE.txt
Support
For issues, feature requests, or contributions, please visit the plugin documentation.