Title: Swiper Js Slider
Author: mfarazaly
Published: <strong>Сентябрь 2, 2019</strong>
Last modified: Ноябрь 28, 2019

---

Search plugins

![](https://ps.w.org/swiper-js-slider/assets/banner-772x250.jpg?rev=2149740)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/swiper-js-slider/assets/icon-256x256.jpg?rev=2149740)

# Swiper Js Slider

 By [mfarazaly](https://profiles.wordpress.org/mfarazaly/)

[Download](https://downloads.wordpress.org/plugin/swiper-js-slider.zip)

 * [Details](https://os.wordpress.org/plugins/swiper-js-slider/#description)
 * [Reviews](https://os.wordpress.org/plugins/swiper-js-slider/#reviews)
 *  [Installation](https://os.wordpress.org/plugins/swiper-js-slider/#installation)
 * [Development](https://os.wordpress.org/plugins/swiper-js-slider/#developers)

 [Support](https://wordpress.org/support/plugin/swiper-js-slider/)

## Description

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern
Mobile Touch Slider

MOST POWERFUL FEATURES

Parameters
 * slidesPerView | To Set Slider in to Carousel * spaceBetween | In Carousel
space between slides * slidesPerColumn | Muti Row with Carousel * initialSlide |
Position of slider with index * direction | Vertial or Horizontal * speed | Sliders
speed * autoHeight | Auto Height adjust according to image height * effect | Multiple
Effects

Autoplay
 * On/Off. * Delay * Stop On Last Slide. * Disable On Interection. * Reverse
Direction. * Wait For Transition.

Pagination
 * Pagination enable/disable. * Pagination Custom Class. * Pagination
clickable True/False. * 3 Types : Bullets, Fraction, Progress Bar. * bulletElement:
span, div, a. * Bullet Custom Class. * Bullet Custom Active Class. * Active Custom
Class. * Clickable Custom Class. * lockClass Custom Class.

Navigation
 * Next Button Custom Class. * Previous Button Custom Class. * Disabled
Custom Class. * Hidden Custom Class.

### Next version

 * Will Improve user experience and flexibility to make it more powerfull.
 * More options will be added.

## Screenshots

 * [[
 * screenshot-1
 * [[
 * screenshot-2
 * [[
 * screenshot-3
 * [[
 * screenshot-4
 * [[
 * screenshot-5
 * [[
 * screenshot-6
 * [[
 * screenshot-7
 * [[
 * screenshot-8
 * [[
 * screenshot-9
 * [[
 * screenshot-10

## Installation

AUTOMATIC INSTALLATION
 1. Search for Swiper Js Slider through ‘Plugins > Add New’
interface. 2. Find the plugin box of Swiper Js Slider and click on the ‘Install 
Now’ button. 3. Then activate the Swiper Js Slider plugin. 4. Create a new slider:
Click on the ‘Swiper Js Slides’ menu, click on the Add New. Then you can add images
as slide. 5. After Adding Images Publish it and then copy the shortcode from the
Shortcode box on right Side below Publish Box and paste it into a post or a page.

MANUAL INSTALLATION
 1. Download Swiper Js Slider 2. Upload the Swiper Js Slider
through ‘Plugins > Add New > Upload’ interface or upload swiper-js-slider folder
to the ‘/wp-content/plugins/’ directory. 3. Activate the Swiper Js Slider plugin
through the ‘Plugins’ menu in WordPress. 4. Create a new slider: Click on the ‘Swiper
Js Slides’ menu, click on the Add New. Then you can add images as slide. 5. After
Adding Images Publish it and then copy the shortcode from the Shortcode box on right
Side below Publish Box and paste it into a post or a page.

## FAQ

  How do I add the slider to my site?

You can add your slider by shortcode.

  How to include a slider in a post or a page?

[swiper-js-slider id=Here comes the slider id]

  How to include a slider into header.php or other PHP files?

echo do_shortcode(‘[swiper-js-slider id=Here comes the slider id]’);

  What should I do when I see blank area where the slider should show or the slider
doesn’t work?

It means that there is a JavaScript error on your site which blocks other scripts(
for example Swiper Js Slider scripts). You can open up the browser debugger window
with F12 button and check the console if it shows error or not. If you solve these
errors Swiper Js Slider should work fine.

Usual problem is that you have the latest WordPress version, but your theme loads
very old jQuery version (1.7 or older) and the WordPress admin bar throws a JavaScript
error. In this case, you have to remove the old jQuery from your theme’s functions.
php.

If you are unable to solve these problems, feel free to [contact us!](https://mfarazali.wordpress.com/email-me/)

  What should I do when I experience any problem?

[Contact Us!](https://mfarazali.wordpress.com/email-me/)

  Can I show multiple instances of slider on one page?

Yes you can use multiple slider by adding shortcodes.

  Does Swiper Js Slider support sites with SSL?

Of course! Smart Slider use protocol relative urls which works fine on http:// and
on https:// too.

  Can I contribute to the developement?

Yes, you can make a [donation](https://www.getsafepay.com/io/quick-link?ql=link_02a7de15-7e02-4da3-a15f-b08bfc68ab36)
or suggest me code correction, see you in private message or via email : mfarazaly(
at)gmail.com

## Reviews

![](https://secure.gravatar.com/avatar/7cf3fea57590d573a9d763a92d259a0e9f19e1843d55877ba7b0476222c0605a?
s=60&d=retro&r=g)

### 󠀁[Could it be missing this?](https://wordpress.org/support/topic/coudl-it-be-missing-this/)󠁿

 [teacherdesigner](https://profiles.wordpress.org/hoffkids/) Ноябрь 29, 2019 1 reply

Is it possible that this modern” slider does not even allow the images to be hyperlinked?
This seems impossible but cannot find it anywhere. Hope I am wrong.

![](https://secure.gravatar.com/avatar/29a277a7b05e40d0033085b1230c747aa0ceebbbae9261a311ca362c05838715?
s=60&d=retro&r=g)

### 󠀁[Best carousel plugin for WordPress](https://wordpress.org/support/topic/best-carousel-plugin-for-wordpress/)󠁿

 [Nabeel Ashrafi](https://profiles.wordpress.org/nabashrafi/) Сентябрь 24, 2019 
1 reply

This is one of the best carousel plugin. It does out of the box what I expected.
Its easy to use and comes with a lots of options to style your slider. Highly recommend
this plugin.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/)

## Contributors & Developers

“Swiper Js Slider” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ mfarazaly ](https://profiles.wordpress.org/mfarazaly/)
 *   [ midexigner ](https://profiles.wordpress.org/midexigner/)

[Translate “Swiper Js Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/swiper-js-slider)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/swiper-js-slider/),
check out the [SVN repository](https://plugins.svn.wordpress.org/swiper-js-slider/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/swiper-js-slider/)
by [RSS](https://plugins.trac.wordpress.org/log/swiper-js-slider/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1

 * Responsive Breakpoints Added.
 * New Parameters of slides Added.
 * Search bar added in slider settings.
 * User Interface updated like, Delete all slides button added Display Total slides
   in slider.
 * Code Clean.
 * Shortcode Details added.

#### 1.0.0

 * First working version

## Meta

 *  Version **1.0.1**
 *  Last updated **6 years ago**
 *  Active installations **400+**
 *  WordPress version ** 5.3 or higher **
 *  Tested up to **5.3.21**
 *  PHP version ** 7.3 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/swiper-js-slider/)
 * Tags
 * [image slider](https://os.wordpress.org/plugins/tags/image-slider/)[slider](https://os.wordpress.org/plugins/tags/slider/)
   [swiper](https://os.wordpress.org/plugins/tags/swiper/)[wordpress slider](https://os.wordpress.org/plugins/tags/wordpress-slider/)
 *  [Advanced View](https://os.wordpress.org/plugins/swiper-js-slider/advanced/)

## Ratings

 4 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/swiper-js-slider/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/swiper-js-slider/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/swiper-js-slider/reviews/)

## Contributors

 *   [ mfarazaly ](https://profiles.wordpress.org/mfarazaly/)
 *   [ midexigner ](https://profiles.wordpress.org/midexigner/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/swiper-js-slider/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.getsafepay.com/io/quick-link?ql=link_02a7de15-7e02-4da3-a15f-b08bfc68ab36)