=== Smart Slider 3 ===
Contributors: nextendweb
Tags: wordpress slider,carousel,gallery slider,horizontal slider,image slider,layer slider,responsive slider,slide,slider,slideshow,vertical slider,wordpress slideshow,youtube slider,HTML5 slider,Photo Slider,animation,banner rotator,best slider,content slider,fullwidth slider,gallery,hardware accelerate,mobile slider,post slider,swipe,touch slider,page slider,slider plugin,slider shortcode
Donate link: https://www.facebook.com/nextendweb
Requires at least: 4.0
Tested up to: 4.4
Stable tag: 3.0.27
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Responsive WordPress slider plugin to create beautiful sliders in the next generation visual editor. Awesome sliders, no compromises!

== Description ==

Smart Slider 3 is a brand new and intuitive WordPress plugin to create sliders which was never possible before with any free slider plugins. Smart Slider 3 has every feature what you can expect from a free slider plugin. Besides that Smart Slider gives you the tool to create YouTube and Vimeo slides, create slides from your WordPress posts, even more it has a complete easy-to-use slide editor with different layers. Don't hesitate install the Smart Slider 3 and enjoy the next generation plugin experience!

>[Demo sliders](http://smartslider3.com/tag/free)  |  [Introduction video](https://www.youtube.com/watch?v=MKmIwHAFjSU)  |  [Documentation](http://doc.smartslider3.com/)  |  [Support](http://smartslider3.com/contact-us)

[youtube https://www.youtube.com/watch?v=fjmENHah_oY]

#### Most powerful features:
* **User-friendly Editor** - Anyone can build with Smart Slider. The interface comes with drag&drop builder and live preview.
* **Totally integrated with WordPress** - media manager, shortcode, widget, post permalinks, post editor
* **Totally responsive and touch friendly** -  Sliders can be enjoyed in any environment, be it a mobile, tablet or desktop.
* **Dynamic Slides** - Available source: WordPress posts
* **Customizable controls** - Arrows, Bullets, Autoplay, Bar, Thumbnails, Shadows
* **Slide backgrounds** - 9 Super smooth background animations
* **Layers** - Build unique design with 6 varied layers: Image, Heading, Text, Button, Vimeo, YouTube
* **Font and Style manager system** - Change easily all the details that really matter in typography and style.
* **Sample sliders** - [4 sliders](http://smartslider3.com/tag/free) to start

#### Features:
* Slider creation with 3 presets: Default, Thumbnail - horizontal and Caption
* Import and Export sliders
* Intuitive slide creation: choose images, select WordPress Post or add YouTube and Vimeo url
* Static slides
* Dynamic slides - use different dynamic sources for the same slider
* Bulk actions for slides -  delete, duplicate, publish and unpublish
* Export slider as HTML
* Publish slider with shortcode, WordPress post editor or PHP
* Touch Swipe, scroll, keyboard navigation
* Auto and full-width responsive mode
* Define responsive size by setting minimum and maximum slider height
* Optimized for any screen sizes and touch devices
* 4 Slide switching animations: Horizontal, Vertical, Fade and No animation
* 9 Slide background animations: Scale to left,  Zoom, Fade, Curtain to left, Puzzle,  Scale to top, Scale to bottom, Curtain to bottom, Curtain to top
* Autoplay configurations
* Add different slider controls to your slider and change the styles and positions
* Slider controls: Arrows, Bullets, Autoplay, Bar, Thumbnails, Shadows - design your own or use preset
* SEO and script optimized
* Hardware Accelerated 2D and 3D Transforms
* Slide link: Choose your post or page to create permalinks
* Slide background image with transparent color overlay
* 5 Slide background image fill mode: Fill, Fit, Stretch, Center and Tile
* 6 Layers: Image, Heading, Text, Button, Vimeo, YouTube
* Visual slide editor with zoom and desktop, tablet and mobile modes
* Advanced layer snap in visual slide editor
* Adaptive layer font sizing
* Layer aligning: left, center, right, top, middle, bottom
* Layer sizing: fixed and auto adjusted
* Layer cropping: visible, hidden and scroll
* Hide layers on specific devices
* Slide thumbnail image
* Compatible with [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/), Visual composer and Elegant themes Divi editor


#### Support
Smart Slider 3 is a community-driven project that would not be the same without your feedback. If you have any problem or feature request for this plugin, please feel free to [contact us](http://smartslider3.com/contact-us/)!


#### Smart Slider 3 Pro Features:
* [All sample sliders](http://smartslider3.com/tag/premium/)
* Layer animation builder
* Live Timeline
* 9 extra layer types
* 4 extra slider types
* All generators for dynamic slides
* Extra background animations (more than 54)
* Built-in lightbox
* Built-in image editor
* Advanced controls and much more control presets
* Ton of expert settings
* Premium support
* [Full List of Pro Features](http://smartslider3.com/why-upgrade-to-pro/)

[youtube https://www.youtube.com/watch?v=MKmIwHAFjSU]

Upgrade to [Pro Version](http://smartslider3.com/pricing/)

#### Testimonials

> *"Having tried more than a few WordPress slider plugins, both free and paid, I can honestly say that this is one of the best that I’ve ever tested... If you’re looking for a slider plugin for your WordPress website that will get you up and running quickly, but also has features that you can grow into, look no further." - Daryn Collier - [wpkube.com](http://www.wpkube.com/how-to-create-beautiful-slides-for-your-wordpress-website-with-smart-slider-3/)*

> *"Since Smart Slider is free to use, I do not have to really stress how good a plugin it is because you can download it yourself and see for yourself. I highly recommend you all do this." - Kevin Muldoon - [kevinmuldoon.com](http://www.kevinmuldoon.com/smart-slider-review/)*

> *"This is a beautifully designed slider plugin with a very high level of polish to it, the admin area of it is great and very easy to use. This plugin can be used for much more than a simple slider – being able to create whole sections of your website." - Oliver Dale - [wplift.com](http://wplift.com/smart-slider-animated-slider-plugin)*

> *"Taking all this into consideration we can safely say that Smart Slider 3 is one of the top WordPress slider plugins around and should definitely be taken into consideration when choosing the next slider plugin to implement on your WordPress site." - Mark Zahra - [wpmayor.com](http://www.wpmayor.com/smart-slider-3/)*


#### Translations

* English
* Traditional chinese (zh_tw) 90%
* German (de_DE) 90%
* Hungarian (hu_HU) 85%


== Installation ==
[Check our official documentation for more information](http://doc.smartslider3.com)

### Automatic installation

1. Search for Smart Slider 3 through 'Plugins > Add New' interface.
2. Find the plugin box of Smart Slider 3 and click on the 'Install Now' button.
2. Then activate the Smart Slider 3 plugin.
3. Create a new slider: Click on the 'Smart Slider' menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers.
5. Then copy the shortcode from the Publish slider box and paste it into a post or a page.

### Manual installation

1. Download [Smart Slider 3](https://downloads.wordpress.org/plugin/smart-slider-3.zip)
2. Upload the Smart Slider 3 through 'Plugins > Add New > Upload' interface or upload smart-slider-3 folder to the '/wp-content/plugins/' directory.
2. Activate the Smart Slider 3 plugin through the 'Plugins' menu in WordPress.
3. Create a new slider: Click on the 'Smart Slider' menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers.
5. Then copy the shortcode from the Publish slider box and paste it into a post or a page.

== Frequently Asked Questions ==

= 1. How do I add the slider to my site? =
You can add your slider by shortcode or via the widget control panel or PHP shortcode.

= 2. Where can I reach the documentation? =
[http://doc.smartslider3.com](http://doc.smartslider3.com)

= 3. 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 Smart Slider's 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 Smart 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!](http://smartslider3.com/contact-us/)

= 4. What should I do when I experience any problem? =
[Contact us!](http://smartslider3.com/contact-us/)

= 5. Is Smart Slider 3 is totally responsive? =
Smart Slider 3 is 100% responsive with each items, so it will fit perfectly into your page, regardless of the size of your desktop screen or device.

= 6. Can I customize the fonts of the slider? =
Yes you can customize everything for every state. (hover, active, opened) The slider comes with Google Web Font support, allowing you to pick from over a dozen font families. To make using Google Fonts even easier, we have created a font manager interface that simplifies the process and preview it.

= 7. Can I show multiple instances of slider on one page? =
Yes you can use multiple slider widgets and slider shortcodes.

= 8. How to include a slider in a post or a page? =
`[smartslider3 slider=Here comes the slider id]`

= 9. How to include a slider into header.php or other PHP files? =
`<?php echo do_shortcode('[smartslider3 slider=Here comes the slider id]'); ?>`

= 10. Does Smart Slider support sites with SSL? =
Of course! Smart Slider use protocol relative urls which works fine on http:// and on https:// too.

== Screenshots ==

1. Smart Slider 3 the perfect all-in-one responsive slider solution for WordPress.
2. Next generation intuitive slider editor.
3. Perfect responsive slider solution.
4. [Layer slider](http://smartslider3.com/free-layers/) - sample slider included
5. [Full width slider](http://smartslider3.com/free-full-width/) - sample slider included
6. [Thumbnail slider](http://smartslider3.com/free-thumbnail/) - sample slider included
7. [Static slider](http://smartslider3.com/free-static/) - sample slider included

== Changelog ==

= 3.0.27 - 07. March 2016. =
* Fix: Removed N2SSWHYPRO JavaScript variable from frontend.

= 3.0.26 - 02. March 2016. =
* Fix: Touch improvements
* Fix: JavaScript error when touch is disabled, but keyboard is enabled
* Fix: Fill mode - fit on RTL websites

= 3.0.25 - 29. February 2016. =
* Feature: Preview at the slider list
* Feature: Fill mode options visualized
* Feature: Better visual editor under 1440px screen size
* Feature: New slider inserting method at WordPress posts and pages (visualized)
* Feature: New saving option in the global settings in case your server doesn't want to save down bigger slides
* Fix: Some of the slider's JavaScript code might have started twice, which made the responsivity bad
* Fix: Keyboard up/down arrows will be used when vertical touch is selected
* Fix: Autoplay on media started/ended
* Update: Nextend settings moved under the global settings
* Update: Youtube urls can have variables too
* Update: Improved thumbnail responsivity

= 3.0.24 - 22. February 2016. =
* Fix: Issue with Visual Composer PHP 5.4 and lower
* Fix: Missing alt tags from icons
* Fix: Input elements were not focused when touch enabled

= 3.0.23 - 19. February 2016. =
* Fix: Less warning on PHP 5.5 and lower

= 3.0.22 - 18. February 2016. =
* Fix: Increased CURL import timeout to 30 seconds
* Fix: Touch issue on OSX

= 3.0.21 - 18. February 2016. =
* Feature: Discover Smart Slider 3 window on first use with tutorial video
* Feature: [Copy/paste layers with right click](http://doc.smartslider3.com/article/1127-slide-editor---copy-paste-layers)
* Feature: Default slide background fill mode can be changed on [slider basis](http://doc.smartslider3.com/article/59-slider-size#fillmode)
* Feature: Slide editor right click: for layers, fonts and styles
* Feature: Middle click on slides in the left sidebar (edit slider view) opens the slide editor on new tab
* Feature: Slide middle click open slide link in new page
* Feature: Option to show on the slide's thumbnail if the slide is a video slide
* Feature: Slide CSS option to Simple slider type
* Feature: Improved drag/touch handling, able to switch the slider between the next and previous slide with touch.
* Feature: [Weaker CSS selectors](http://doc.smartslider3.com/article/969-slider-settings-other) option to avoid overwriting another plugin's css what you put inside the slider
* Feature: Visual Composer Smart Slider element added, compatibility with frontend editor
* Feature: Elegant themes - Divi theme - module for Smart Slider
* Fix: MAC numeric pad hotkeys
* Fix: Custom posts conflict
* Fix: Arrow fix on RTL
* Fix: Slider can now appear correctly when used in tabs or lightbox
* Fix: Backend display issue in older Safari versions
* Fix: YouTube and Vimeo fix for iOS
* Fix: multiple background video sizes in one slider
* Fix: Smooth Theme visual editor compatibility fix
* Update: Modified date variable at the WordPress Post generator

= 3.0.19 - 19. January 2016. =
* Feature: [Undo/redo](http://doc.smartslider3.com/article/946-undo-redo) in slide editor
* Feature: [Quick Edit option](http://doc.smartslider3.com/article/408-slider-options) for slide names, descriptions and links
* Fix: Centered slider on mobiles
* Fix: Chrome layout z-index
* Fix: Encoding error on some servers - image manager doesn't worked, create slider, create slide didn't worked correctly
* Fix: JetPack - Infinite scroll conflict solved
* Fix: Nhtml class renamed to avoid conflict with Langwitch WordPress theme.
* Fix: Spectrum JS conflict with WordPress Nimble Portfolio plugin
* Fix: Static save on generator slides
* Fix: Yoast SEO compatibility
* Fix: Removed PHP7 depreciated warnings
* Update: Images in folder ordering
* Update: Installation includes a sample slider, if you don't have any sliders from previous installations
* Update: Partial traditional chines language file added - Thanks Howard!
* Update: The functionality of the Autoplay options combined with the Autoplay button are changed/improved to be more logical.


= 3.0.18 - 23. December 2015. =
* Feature: YouTube layer hide controls
* Fix: PageLines5 plugin conflict on WordPress
* Experimental: JavaScript callbacks

= 3.0.17 - 18. December 2015. =
* Feature: Restore slider - delete slider with the slider ID and adds the .ss3 file to that ID
* Fix: Simple type reversed parallax improvement
* Fix: Convert dynamic slides to static slides

= 3.0.16 - 15. December 2015. =
* Feature: Accessibility for links in the slider
* Feature: WordPress error message on install when no MySQL rights to create table
* Feature: WordPress - Nextend global settings are placed under the Settings menu
* Fix: WordPress - conflict with Page Links To resolved
* Fix: Ajax error when ob_gzhandler enabled fixed
* Fix: Autoplay looping fixed
* Fix: See through slide in rare cases

= 3.0.15 - 10. December 2015. =
* Feature: A new advanced generator function to find links inside texts
* Fix: WordPress multisite wrong sliders across different sites. (Cache related issue)
* Fix: Responsive device mode portrait and landscape
* Fix: Help beacon on https admin site
* Fix: Missing layer hide/show icon added
* Fix: Heading layer's font changed from "paragraph" type to "hover" type as it is more suitable.
* Fix: Slide duplication fail when it has generator.

= 3.0.14 - 08. December 2015. =
* Fix: When a layer in a static slide was over an arrow control, the arrow was not clickable
* Fix: Maximum slide count

= 3.0.13 - 03. December 2015. =
* Fix: Maximum height didn't worked
* Fix: Static slide duplication resulted duplicated layers
* Fix: Update for WordPress multisite bug

= 3.0.12 - 27. November 2015. =
* Feature: Maximum slide width for portrait and landscape views in Full-width responsive mode.
* Feature: Async option will load our JavaScript code after jQuery has loaded on your site, even if jQuery is in the footer.
* Fix: When cache folder is not writable possible solutions displayed

= 3.0.11 - 25. November 2015. =
* Feature: Maximum slide width for tablet and mobile devices too.
* Feature: Constrain slider height for the previous option, to always have the same slider size ratio when you make your slides smaller for smaller views.
* Update: New shortcodes (the old ones will work too)

= 3.0.10 - 25. November 2015. =
* Feature: Arrow, autoplay and full screen icons are colorable
* Feature: Slider list ordering
* Fix: Protocol-relative-url bug in control image selection
* Fix: Full screen control

= 3.0.9 - 23. November 2015. =
* Fix: MySQL error when MyISAM mode not available
* Update: Replaced SVG images because of common server misconfiguration

= 3.0.8 - 20. November 2015. =
* Fix: Export as HTML body tag was missing
* Fix: Export as HTML had wrong image paths
* Fix: Force full width fix in rare cases
* Fix: Import demo slider

= 3.0.7 - 17. November 2015. =
* Fix: Slider HTML export fix
* Fix: Minor bugfixes

= 3.0.4 - 12. November 2015. =
* Initial release

== Quick manual ==

### Create a new slider

If you would like to create a new slider then simple go to Smart Slider 3's dashboard and click on the create slider button. When you click on the create slider button a pop up will appear where you will be able to add the name of the slider, the size of the slider and a preset. (Don't worry you can change all slider settings later.) Then you will be taken to the slider settings page where you can configure your slider. There are a lot of settings that are available for configuration. Smart Slider 3 gives you a couple of ways of integrating your slider into your website. The slider page displays the shortcode you should insert into your content area and a sample PHP code to paste in your PHP files. 

### Slider settings

On this page you can find two boxes with multiple tabs in each box. The first settings box has tabs for general, size, and autoplay settings. In general settings tab you can rename your slider and adjust mouse and keyboard controls. Alignment and animation settings can also be modified. In size settings tab you can add exact size of your slider also you can set the responsive mode for the slider. The autoplay tab contains the interval of the autoplay and the stop events for the autoplay. The second settings box responsible for the control elements. It has tabs for arrows, bullets, autoplay, bar, thumbnails and shadows. In this section you can change a lot of styling and positioning of control elements. You have complete control over the control elements, for example: change the image of the arrow, colorize or add style.

### Slider preview

The blue preview button near the top of the page lets you preview your slider on every page. It is useful to do this when customizing your slider as it allows you to see the changes you have made before you integrate a slider into your website. Also you don't have to save for the preview! Just change the slider settings or the slides and press the preview button and if you're satisfied with the result then hit the save button. Of course this function works from the slide editor too.

### Add slides

You can use the default WordPress image manager to select or upload images or simply drag your images to the sidebar section and Smart Slider 3 upload all as new slides for the specified slider. All selected images will be slide background and you will be able to edit the slides if you click on the boxes. But Smart Slider 3 can handle a plenty of resources for example: Youtube video, Vimeo video, post, static and dynamic slides.

### Edit slides

In the slider settings, if you click on a box on the left side then you will be able to edit the slides. You can set the general slide settings on the top for example: name, description, slide background, fill mode, link or background animation. But the best part of the Smart Slider 3 is the brand new canvas which is a fully live interface to create custom designs. On the left side you can select from 6 layers. (image, heading, text, button, Vimeo and Youtube) Just click on the selected layer and you start to build your custom slide. Below the layers you can find the layer list which contains the previously added layers, and below this you can find the actual setting of the layer. The item tab contains the general settings of the layer like the content, font, style or the link settings. The layer tab responsible for the position, size but you can find the settings of the hide on the target device feature too. On the canvas you can simply move the layers with your mouse and the automatic snap help you to align the layers correctly. (Of course you can turn this off anytime above the canvas.) On the right side above the canvas you can switch between the devices and set custom content and design for every device. If you're ready with your slide then don't forget to hit the save button.

### Add sample slider

If you would like to create a new slider form one of the existing sample slider then go to Smart Slider 3's dashboard and click on the add sample slider button. It will pop up a new window where you will be able to download the selected sample slider, this process can take few seconds because the slider has to download the slider package.

1. [Layer slider](http://smartslider3.com/free-layers/) - sample slider included
2. [Full width slider](http://smartslider3.com/free-full-width/) - sample slider included
3. [Thumbnail slider](http://smartslider3.com/free-thumbnail/) - sample slider included
4. [Static image slider](http://smartslider3.com/free-static/) - sample slider included

### Dynamic slides
With the Smart Slider 3 you can create dynamic slides form your post easily. The post's featured image will be the slide background and the title will be the heading layer but you can add new variables to the slider and create your own custom layout for the slider. First of all create a slider then click on the arrow on the add image slide button and choose the create dynamic slides option. On the new page you can choose the dynamic sources for the slider. For post generator you can choose from two methods: Posts by filter and Posts by ID.
Posts by filter: You can choose categories and determine the order sequence. Also add the number of the slides.
Posts by ID: Here you can simple add the post IDs.

After you set the parameters hit the save button and you will be able to create a custom layout for the slider. On the slide page you'll be able to change the design of all slides simultaneously. If you would like to add a new variable then find the green $ button. For example if you hover on the heading's text parameter then you can click on it. It will pop up a new window where you can select from the 16 variables and customize them. Let's see a simple example for usage: Add a button layer, and find the button layer's link parameter and click on the green $ button. Select the URL in the popup window and click on the insert button. Okay now you have a button which has a dynamic contents and it will contain the correct URL for every posts on every slide in the slider.

### Static slides
You can add static slides to the slider which can be good if you would like to add a watermark, a logo or any fix layer to your slider. Imagine it like a layer which is above all the other slides. If you click on the arrow on the add image slide button and choose the create static slide option then you can start to add layers. Please note that this option is basically for layers because with a slide background you can hide the slider.

### Import/Export

If you're on a slider settings page then on the top right corner you can find the export button with this you will be able to download the actual slider. It can be useful as a backup or simply for migration. If you have an exported slider then you can import it from the Smart Slider 3's dashboard.
 
### Help

Support is built directly into the Smart Slider 3 plugin. A blue icon with a lifebelt symbol inside it floats at the bottom right of the page. Clicking on the icon will bring up an FAQ pop up window that allows you to search for answers to solutions. You can also contact with us directly from this box.

### Tips and tricks

* Feel free to re-position the layers on the different devices or if you have a lot of contents then simply hide the unnecessary layers. 
* Above the canvas you can find the adaptive sizing button (it's a double A icon) and the text size modifier settings. If you feel that you font is to small then simple set it bigger on the target device.
* You can move the active layer with the arrow buttons, also if you press the Shift+arrow then the slider move 10 px to the target direction.
* You can set the align of the layer with the numeric buttons too. For example if you hit the 3 button then the layer will be aligned vertically top and horizontally left.
* With the Del button you can delete the layer.
* If you drag images to the canvas then the slider upload all images as a new layers. It works also if you drag the images to the slides sidebar then the slider upload the images as new slides.

Good luck with your sliders and feel free to contact with us if you have any problem: support@nextendweb.com