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

Smart Swiper Slider

A simple slider plugin for Wordpress which uses Swiper JS library

by Andrea · github.com/andrea-patrizio/smart-swiper-slider · website

0stars
0forks

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.zip

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.