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.
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.
You can add your slider by shortcode.
[swiper-js-slider id=Here comes the slider id]
echo do_shortcode(‘[swiper-js-slider id=Here comes the slider id]’);
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!
Yes you can use multiple slider by adding shortcodes.
Of course! Smart Slider use protocol relative urls which works fine on http:// and on https:// too.
Yes, you can make a donation or suggest me code correction, see you in private message or via email : mfarazaly(at)gmail.com