WP Manifestindependent plugin directory
manifest / media / smart-swiper-slider

Smart Swiper Slider

A simple slider plugin for Wordpress which uses Swiper JS library

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/andrea-patrizio/smart-swiper-slider/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Smart 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

  1. Upload the plugin folder to your WordPress wp-content/plugins/ directory
  2. Activate the plugin through the WordPress admin panel
  3. Go to sliders menu to create your first slider

Usage

Creating a slider

  1. Go to sliders > Add New
  2. Enter a title for your slider
  3. Click Add Images to select images from your media library
  4. 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
  5. Configure Responsive Breakpoints:
    • Set different Slides Per View and Space Between for various screen sizes
    • Define breakpoints for mobile, tablet, and desktop views
  6. 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
  7. Configure Image Captions:
    • Enable captions from WordPress media library
    • Choose caption position (Above, Below, or Inside slide)
  8. 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.