=== Smart Slider 3 === Contributors: nextendweb Tags: slider, gallery slider, image slider, layer slider, responsive slider, slideshow, fullwidth slider, post slider, horizontal slider, vertical slider, photo slider, video slider Donate link: https://www.facebook.com/nextendweb Requires at least: 4.0 Tested up to: 4.6 Stable tag: 3.1.2 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Responsive slider plugin to create beautiful sliders in the next generation visual editor. Awesome sliders, no compromises! == Description == > [See what's new in Smart Slider 3.1](http://nextendweb.com/smart-slider-3-1-supernova/) 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! >[Sample 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 #### Testimonials > *"If you need to create sliders or want a single image with subtle animations on your website Smart Slider 3 provides the solution, no matter what you want to accomplish. I can heartily recommend the free version. It already provides more functionality than any other slider plugin – even many premium ones." - Daniel Pataki - [premium.wpmudev.org](https://premium.wpmudev.org/blog/smart-slider-3/)* > *"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/)* > *"I was actually blown away by the features and quality of the Smart Slider. They took an interesting approach with their sales model by letting you try the slider for free and then offering license options with more options and pre-built sliders for once you’re hooked on the product." - WD&S - [webdesignandsuch.com](http://webdesignandsuch.com/smart-slider-free-alternative-to-wordpress-revolution-layer-sliders/)* #### 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=Tj_KSNzVB4g] Upgrade to [Pro Version](http://smartslider3.com/pricing/) #### Use-cases for Dynamic slide sources in FREE version * **WordPress Posts slider**: WordPress posts in your slider by Category and Tag filter or only the specified posts. #### Use-cases for Dynamic slide sources in PRO version * **WordPress Custom Posts slider**: WordPress posts from custom post types in your slider by custom taxonomy filter or only the specified custom posts ex.: slider from your pages * **WordPress Posts slider from MultiSite**: posts from an other site from your MultiSite WordPress * **WooCommerce slider from products**: Woocommerce products in your slider by Category, Tag, Featured, In Stock and downloadable filter or only the specified products. Supported plugin: [WooCommerce](https://wordpress.org/plugins/woocommerce/) * **WooCommerce slider from categories**: displays the selected parent category's child categories. Supported plugin: [WooCommerce](https://wordpress.org/plugins/woocommerce/) * **NextGEN Gallery image slider**: displays the images and related meta in slider from the selected source gallery. Supported plugin: [NextGEN Gallery](https://wordpress.org/plugins/nextgen-gallery/) * **Events slider**: Events in your slider by Category and Tag filter. Supported plugins: [All-in-One Event Calendar](https://wordpress.org/plugins/all-in-one-event-calendar/), [Events Manager](https://wordpress.org/plugins/events-manager/), [The Events Calendar](https://wordpress.org/plugins/the-events-calendar/) * **Image slider**: displays the images and related meta in slider from the selected source gallery. Supported plugin: [Gallery by BestWebSoft](https://wordpress.org/plugins/gallery-plugin/), [Gallery](https://wordpress.org/plugins/photo-gallery/) * 500px image slider from collection * Dribble image slider from shots and project * Twitter Tweet slider from your timeline * Facebook image slider from photos by your album * Facebook posts slider * Flickr image slider from photostream, album, photogallery and search * Images from folder on your server * Intagram image slider from your feed or a specified user * YouTube video slider by search term or playlist * Picasa image slider * Pinteres pin slider #### Translations * English * Traditional chinese (zh_tw) 90% * German (de_DE) 90% * Hungarian (hu_HU) 85% * Spanish (es_ES) 99% == 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? = `` = 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.1.2 - 23. November 2016. = * UI Revamp and Refresh: dashboard, slider and slide view * Completely new slide editor interface * New Slides view with bulk actions * New layer window * Feature: Design presets for layers * Feature: Multiple layer selection and groups * Feature: Layer rotation * Gradient background and overlay * Feature: Tooltip for parameters * Feature: Ruler and guides for the canvas * Improved: default and autocomplete values * Feature: Image area layer * Feature: WordPress posts generator tag variables * Feature: New autoplay code for developer customization * Feature: Yoast SEO sitemap will include Smart Slider images * Feature: Vimeo API updated * Feature: Multiple layer animation selecting with Ctrl (CMD) button on the timeline * Feature: Slider ID displayed at slider and slide settings * Feature: Slider settings will only appear, when you have slides * Feature: Heading layer - div tag option * Feature: Backend slide list handling improvement * Feature: Image layer - hotkey (A) to have the image with it's original size * Feature: Image layer improved handling in generators * Feature: Simple slider type - reversed horizontal and vertical options for the main animation * Fix: Passing PHP Compatibility Checker plugin's test * Fix: Export all sliders unzipping on MACs * Fix: Decimal point on some server configurations * Fix: Admin area autoload fixes for Nextend settings * Fix: Youtube layer - centered option overflow fix * Fix: Beta version bugfixes to make stable 3.1 release = 3.0.37 - 05. October 2016. = * Fix: Beaver Builder will only show our shortcode, because it's not able to call in files * Fix: iOS10 touch improvement * Fix: Notice at other plugins' installation = 3.0.36 - 27. September 2016. = * Feature: Attribute change from n2click to data-n2click * Feature: Slide publish interval localization * Feature: WordPress post generator variables for different image size from ACF * Feature: CSS cache file now loads before the JavaScript callings in the page * Feature: Smart Slider 3's DIVI module now works on Extra's layouts * Feature: jQuery 3.x compatibility * Feature: Script attributes to our JavaScript cache files * Feature: Remove links option for advanced generator functions * Fix: Scrolling issue on rare cases * Fix: Image manager wasn't able to load images on some servers * Fix: Lazy loading plugin compatibility fix * Fix: RTL timeline fix * Fix: DIVI 3 page builder cache conflict * Fix: Loading icon on some websites didn't disappeared * Fix: On rare cases iPhones might opened the slide links in two tabs * Fix: On some rare cases, the slider export was not working * Fix: Smart Slider 3 access level fix * Fix: WordPress warning message when plugins are updated in rare cases = 3.0.35 - 07. July 2016. = * Feature: Autoplay finish at specified slide index * Feature: WordPress post generator multiple category variable * Feature: WordPress post generator variables for different image size * Feature: Reset video when lose focus for HTML5 video and YouTube layers * Feature: Option to switch off Smart Slider from WordPress admin bar * Feature: Keep file names for resized images * Translation: 65.8% Italian translation * Translation: 61.5% Russian translation * Fix: WordPress post generator + Advanced Custom Fields * avoid same variable name * Fix: Sample slider import on localhost * Fix: Several RTL fixes * Fix: Scrollable layer now can be scrolled on touch devices * Fix: W3 Total cache fix for minification = 3.0.34 - 06. June 2016. = * Feature: Support of changed media library directory * Feature: Image quality can be set at the Optimization * Feature: Background image size can be changed at the Optimization * Feature: Generated extended caching mechanism to support multi language sites * Fix: QTranslate language filter replaced by automatic language detection * Fix: Force fullwidth on RTL sites * Fix: Backend color picker, and timeline sidebar couldn't be moved on laptops with touchscreens * Fix: Meta Slider compatibility * Fix: improved control position calculation * Fix: WordPress post generator Advanced Custom Fields Plugin fix * Fix: Issue with duration of the crossfade animation = 3.0.33 - 18. May 2016. = * Fix: Post generator warning message * Fix: filemtime warning for CSS files = 3.0.32 - 17. May 2016. = * Feature: Focus point option for the background image * Feature: External link option in link popup window * Feature: Apply hotkey = enter * Feature: Add image slide button will add the alt tag of the image too from the media library * Feature: Drag 'n drop image adding will put the images into the WordPress media library * Feature: QTranslate language filter for post generator * Feature: Eshop generator language filter * Feature: WordPress - All custom posts generator * Feature: Spanish translation - 99.4% * Feature: RSS - feed generator * Feature: WooCommerce rating variable * Feature: Crossfade background animation for Simple slider type * Feature: Slide editor interface improvements * Fix: Accordion slider type didn't had variable options in generators * Fix: Play when visible - layers with 0 opacity won't be visible before animation starts * Fix: Generator fix for special characters * Fix: Smart Slider's menu on the WordPress admin bar now checks if the user can have editor rights for Smart Slider 3 = 3.0.31 - 26. April 2016. = * Feature: The slider now can be accessed via the WordPress admin bar! * Feature: Slide ID display on slide list * Feature: Bar control will have the slide's link too * Fix: Video static slide fixed * Fix: Show on devices - Desktop off - Preview = 3.0.29 - 20. April 2016. = * Feature: New link action to be able to slide to a slide ID instead of the index, so you could reorder your slides * Feature: Youtube layer play button on/off switcher * Feature: WordPress posts tag filter * Feature: Image from folder - new variable: filename without extension * Feature: Asset manager changes - far less cache file needed * Feature: Background image optimize * Feature: Autoplay allow restart when autoplay finished * Fix: Database query optimization * Fix: Scroll control fix for Mac * Fix: Divi compatibility * Fix: Image layer missing width in rare cases * Fix: YouTube layer mute issue on OSX Safari * Fix: Backend html code was changed to avoid copy pasting code tags during copying shortcodes * Fix: Fullwidth + center aligned sliders won't look wrong anymore, they will just have normal aligning * Fix: All in One events calendar timezone fix * Fix: WordPress post generator fix when Advanced custom fields plugin was used = 3.0.28 - 22. March 2016. = * Feature: Option to disable the small screen friendly backend * Feature: Thumbnail control: minimum thumbnail count parameter * Feature: Advanced slider cache for multi-language sites - WordPress * Feature: Option to change the cache folder on WordPress websites * Feature: The slides only switch on one slider when the keyboard navigation is used * Feature: New background animation * Feature: The slider now detects if the memory limit is too low on the server to perform the "Fade on load" * Fix: YouTube layer * Fix: Some form elements were not usable when the mouse drag was turned on. * Fix: WP Rocket - Lazy loading conflict fixed * Fix: WordPress install issue when editor or administrator roles deleted = 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