Swiper Js Slider

November 28, 2019

Swiper Js Slider Plugin

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

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.

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.

Screenshots

  1. screenshot-1

    screenshot-1

  2. screenshot-2

    screenshot-2

  3. screenshot-3

    screenshot-3

  4. screenshot-4

    screenshot-4

  5. screenshot-5

    screenshot-5

  6. screenshot-6

    screenshot-6

  7. screenshot-7

    screenshot-7

  8. screenshot-8

    screenshot-8

  9. screenshot-9

    screenshot-9

  10. screenshot-10

    screenshot-10

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!

What should I do when I experience any problem?

Contact Us!

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 or suggest me code correction, see you in private message or via email : mfarazaly(at)gmail.com

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

Details

  • Version: 1.0.1
  • Active installations: 600
  • WordPress Version: 5.3
  • Tested up to: 5.3.18
  • PHP Version: 7.3

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars