CodeCanyon Ninja Kick Sidebar Custom Content 6796296

CodeCanyon Ninja Kick Sidebar Custom Content 6796296

CodeCanyon Ninja Kick Sidebar Custom Content 6796296
Plugin \ Interface Elements
Content \ Shortcodes \ Responsive \ Sidebar \ Wordpress \ Widgets \ Push \ Flyout

Plugin - Ninja Kick Sidebar Custom Content 6796296 by thegleb @ CodeCanyon

Plugin \ Interface Elements

Ninja Kick Sidebar is a WordPress plugin that adds hidden sidebar with content push animation effect on every page of your site. Any content you put in the sidebar will wait for its time to reveal! You can utilize this plugin in so many ways: show visitors menu or your social feeds, offer an subscription, display banners, kick in registration form or shop’s basket etc etc etc. Popups are so 2009, guys!

You can trigger sidebar opening from any element on page (link, button, image). Plugin uses modern CSS3 transitions with fallback to older JS animations if browser lacks support. Sidebar layout is responsive to screen size changes, looks well on mobile devices and reacts on swipe gestures. You can look at some examples how to use Ninja Kick Sidebar on its demo page . Kick your site!

This plugin was inspired by customers of first plugin from Ninja Kick series Ninja Kick Sidebar: Contact Form . And yes, they are compatible.

Main features.

Other features.

- You have option to hide label and trigger sidebar opening from any element on page (button, link, image). Just add special class nks_cc_trigger_element to element in your theme HTML editor.

- Sidebar opening function can read from trigger new HTML to paste in sidebar on the fly. You need to add this HTML data in your page code with jQuery method like this.
jQuery('#unique.nks_cc_trigger_element).data('NKS-html', '<div>Hi I will be inserted to sidebar when someone clicks this link</div>')

jQuery('#another.nks_cc_trigger_element).data('NKS-html', generated_HTML_variable)

- User-friendly Settings page. Check screenshot of admin page

- Choose side for sidebar to fly out. Adjust sidebar’s width also

- Font Awesome icon font included

Try out Ninja Kick Sidebar now!
Before purchase please check compatibility with your WP theme using bookmarklet from demo page to inject sidebar on your site. There are some conflicts possible with non-standard CSS like heavy usage of fixed and absolute positioned elements or incompatibility with some scripts sensitive to layout changes. Current solution fades out all fixed elements when sidebar kicks in. If you found any problem please submit it via message or comment so I can inspect, fix if possible and add to current build.

Grab bookmarlet on demo page in block TRY OUT NINJA KICK.

Check Ninja Kick ready solution for contact form!
Check out existing solution for contact form Ninja Kick Sidebar: Contact form . If you look for stylish form with same push contect animation that’s definitely your choice! Three completely different themes with clean design, a lot of customization and frequent updates.

Please request features in comments section to schedule them higher. Requests from users with ‘Purchased’ badge will have highest priority

Version 1.1 (2014-02-09)

- Feature to replace old sidebar HTML with new one on sidebar opening.
Please request instructions.
- Fixed some width issues in FireFox

Version 1.0.1 (2014-02-08)

- Option to disable onhover label animation
- Performance tweak

Version 1.0 (2014-02-08)

- Plugin is approved on CodeCanyon

Ninja Kick Sidebar: Contact Form; Flat Instagram WordPress widget.

Keywords: animation, css3, custom content, extra content, fly out, fly-out, flyout, jquery, plugin, push, responsive, shortcodes, sidebar, widgets, wordpress.

Tags: Content, Custom, Sidebar, Responsive, Shortcodes

Premium CodeCanyon Ninja Kick Sidebar Custom Content 6796296 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Ninja Kick Sidebar Custom Content 6796296 for digital design and education. CodeCanyon Ninja Kick Sidebar Custom Content 6796296 desigen style information or anything related.


Add Comments:
Enter Code: *