Niso carousel Documentation

 1.Introduction

Thank you for purchasing my plugin.

I truly appreciate it. I've spent a considerable period of time developing this and hope to have ironed out most bugs before its release. If you do find any issues,please feel more than free to email us via my codecanyon profile page.

 2.Installation

You can install the plugin one of two ways:

Install using FTP
  • Unzip the Niso-carousel.zip file locally to your machine
  • Connect to your FTP area using your preferred FTP package
  • Upload the Niso-carousel.zip folder that you extracted from the zip file to the plugin folder of your WordPress installation (wp-content -> plugin)
  • Go to plugin and activate Niso carousel.
Install by WordPress (recommended)
  • Login to your WordPress admin area.
  • Navigate to plugin and click the Add New button at the top.
  • Click the Upload plugin button at the top.
  • Click the Choose File button and locate the Niso-carousel.zip.zip file on your machine and click the Install Now button.
  • On the basis the plugin installs correctly, click the Activate link.

 Plugin Overview

What does this plugin do?

Niso carousel is nice advance carousel box. You can create image, video, post, product,team,testimonial,portfolio and services carousel by this plugin. You can use this plugin any wordpress site for create carousel.

Niso Carousel is one of the most user friendly wordpress plugin.You can create unlimited carousel with lots of options by Niso Carousel.You can set new options for every carousel.You can create 8 different type carousel with Niso Carousel .Niso Carousel also support image lightbox .Niso Carousel has lots of icons for arrow button.Niso Carousel supports arrow button, dots, variable width, center mode, Animation, Caption, hover caption, Lazy load, Mousewheel, RTL and much more.

 Features:

Most powerful features:

  • Multiple items carousel.
  • Single item carousel.
  • Image carousel.
  • Video carousel.
  • WordPress post carousel.
  • Woocommerce product carousel.
  • Custom service carousel.
  • Custom portfolio carousel.
  • Custom testimonial carousel.
  • Custom team carousel.
  • Unlimited options.
  • User friendly editor.
  • Lots of style in every section.
  • Full Responsive.

 Active plugin

After active this plugin you will see new menu in Dashboard.

Niso carousel
 Now click Niso carousel > add new carousel menu and get all options for create carousel.

Add new carousel:-

setting

Enter Carousel name
Write your carousel Name.This name help you select this carousel next time.

 Add image carousel

Click button in tab and then click add or upload files for add carousel images.

Niso carousel
 After upload image.Now click publish button
setting

You will get carousel shortcode setting

 Add caption slider

Click button in tab and then add images and caption. You can add title, subtitle and button in caption. You may also add awesome animation in each caption item.

Niso carousel
 After add all fields.Now click add caption slider item button
setting
 You can change all caption style by caption style under style set tab.
setting

 Add Video carousel

Click carousel button in tab and then set video height and width .Now add video links in video link box.Click add more video link button for more video link add.add 4 or more video link for carousel.
Niso carousel
Copy and past video link like this.
Niso carousel

After publish video see this video in back end

Niso carousel

 Add post and product carousel

Click carousel button in tab and then select post or product button for carousel set.
Niso carousel Niso carousel

Select post or product

Select post for wordpress default post carousel.

Select product for woocommerce product carousel.

Select category

Select post category if you select post carousel.

Select product category if you select product carousel.

Select style

Select post style if you select post carousel.

Select product style if you select product carousel.

Select number

Select post or product number for carousel.

Image height

You may set custom image height or auto image height.

 Add services carousel

Click button in tab and then select icon, enter title and description.Now click add new service button for add more service items.Add service item as you need.
Niso carousel Niso carousel

Select service icon
There are 25 services icon in this list.You may select as your choice.

Service title
Enter service title in the title field.

Service description
Enter service description in the description field.Description shouldn't be long.

Add new service
Click button for add more service items for carousel.Minimum 2 items add for single item caorusel and 5 items for multiple items caorusel.

 Add portfolio carousel

Click button for add portfolio items.
Niso carousel Niso carousel

Portfolio image
Click button or type image link for add portfolio image.

Portfolio title
Enter Portfolio title in the title field.

Portfolio category name
Enter your portfolio category name in this field for show in carousel.

Portfolio category link
Add category link for linking category.

Add new portfolio item
Click button for add more portfolio items for carousel.Minimum 2 items add for single item caorusel and 5 items for multiple items caorusel.

 Add testimonial carousel

Click button for add testimonial items.
Niso carousel Niso carousel

Client image
Click button or type image link for add client image.

Client name
Enter client name in the text field.

Client identity
Enter your client identity in this text field.

Client description
Enter client description here.Client description shouldn't be over long.

Client signature image
Upload client signature image for testimonial carousel.This is optional field you may use it or leave it.

Add new testimonial item
Click button for add more testimonial items for carousel.Minimum 2 items add for single item caorusel and 5 items for multiple items caorusel.

 Add team carousel

Click button for add team carousel items.
Niso carousel Niso carousel

Team member image
Click button or type image link for add team member image.

Team member name
Enter team member name in the text field.

Member identity
Enter team member identity in this text field.

Facebook profile url
Enter member Facebook profile url.

Twitter profile url
Enter member Twitter profile url.optional field you may skip this field.

Google-plus profile url
Enter member Google-plus profile url.optional field you may skip this field.

Linkedin profile url
Enter member Linkedin profile url.optional field you may skip this field.

Pinterest profile url
Enter member Pinterest profile url.optional field you may skip this field.

Add new member
Click button for add more member for carousel.Minimum 2 items add for single item caorusel and 5 items for multiple items caorusel.

 Carousel settings

Click button in tab and then you will see two setting buttons 1. Multiple image carousel 2. Single image carousel.

Multiple image carousel settings.

Niso carousel

Select image size
Five image size supports this plugin you can select one.

Imgaes show large screen
Set images number for large screen.

Imgaes show medium screen
Set images number for medium screen.

Imgaes show in tab
Set images number for tab.

Use item margin
You can use or hide item margin feature.This margin separate each image right and left.

Set carousel image item margin
If you use margin set margin number.

Niso carousel

Infinite loop
You can hide or active infinite loop feature.If you active this your carousel image scroll limitless.

Carousel top bottom margin
Set carousel top bottom margin by px.Default margin 10px.

Carousel auto play
If you active carousel auto play you will get four more options for auto play setting.

Auto play speed
Set auto play speed set by millisecond.Default speed 300 millisecond.

Auto play speed time out
Set auto play speed time out set by millisecond.Default speed 3000 millisecond.

Push on hover
Auto play push when carousel hover.

Image scroll at a time
How many image scroll at a time set by this options.

Carousel smart speed
Smart speed set by millisecond.Default speed 250px.

Carousel navigation
Show next prev button by this option.If you active this feature you will get more 9 options.

Select navigation arrows icons
Select icons for navigation buttons.

Select navigation arrows position
You can set navigation buttons six different position.Select one position.

Select arrow button top bottom margin
Top bottom margin set if needed.

Arrows background color
Set background color By this color picker.

Arrows background hover color
Set background hover color By this color picker.

Arrows background opacity
Background opacity set by px.

Arrows icon color
Icon color set by this color picker.

Arrows icon hover color
Icon hover color set this options.

Carousel navigation speed
Set carousel navigation speed by millisecond.

Carousel dots
If you active this feature you will get more two options.Dots show bottom of carousel.

Carousel dots position
You can set dots 3 different position.

Carousel dots speed
Set dots speed by millisecond.

Carousel center mode
Enables centred view with partial prev/next slides. Use with odd numbered slidesToShow counts.

Center mode padding
Padding left and right on stage (can see neighbours).

Carousel border
You will get three more options when active this option.

Border type
Two border type these are solid and dotted.

Border color
Border color set by color picker.

Carousel image lightbox
Niso Carousel support image lightbox.You may use this feature.This lightbox not for video carousel.

Carousel image lightbox effect
If use lightbox select lightbox effect.

Mouse drag
Mouse dragging feature.

Touch drag
Touch dragging feature.

Pull drag
Stage pull to edge.

Free drag
Item pull to edge.

Auto height
upload different height image for auto height.

Active mousewheel scrolling
add mouswheel scrolling for fantastic scroll.

Lazy load
Lazy load images.Lazy load not for video carousel.

Carousel start position
Set Start position by number.


Single image carousel settings.

Select image size
Select single image size for carousel.

Single item animation in
Select single item animation in.

Single item animation Out
Select single item animation Out.

 Carousel style set

Click button for styling carousel.
Niso carousel

There are five button for carousel styling

These are:-
  • Default style
  • Service style
  • Portfolio style
  • Testimonial style
  • Team style

Default style
You can style post type carousel and some other style by this button.

Service style
You can style custom Service carousel title ,text icon style by this button.

Portfolio style
You can style custom Portfolio carousel title ,text icon style by this button.

Testimonial style
You can style custom Portfolio carousel title ,text icon style by this button.

Team style
You can style custom team carousel title ,text icon style by this button.

 Niso carousel shortcode

After published carousel you will see new shortcode.

Niso carousel

You also see this shortcode in carousel list and wordpress TinyMCE custom Niso carousel button.

Niso carousel Niso carousel

 Shortcode use

Go add new page or post and click Niso carousel custom button then select your carousel and click ok button.

Niso carousel

This is your shortcode now publish it.

Copy shortcode this Niso carousel list.

Niso carousel

Now past this shortcode in template file.

<?php echo do_shortcode('[ncarousel id="665"]');?>

 Sources & Credits

We have used the following opensource projects or other files as listed.

  1. OwlCarousel2
  2. Labelauty jQuery
  3. fontello.css
  4. Nivo Lightbox
  5. animate.css
  6. jquery-mousewheel
  7. CMB2

 Changelog

1.1

  1. Add: Add caption slider
  2. Add: Add caption slider animation
  3. Add: Add caption slider option
  4. Improve Niso carousel admin area design.

 Support

Please send any support queries using the form on my ThemeForest profile page at www.codecanyon.net/user/noor-alam.

Get Pro Only $10