- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
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.
- 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>')
- 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.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Marseille Real Estate PSD Template 18245794
- ThemeForest Big Move Responsive Transport & Logistics HTML Template 18405954
- ThemeForest Zagreb Car Hire PSD Template 18246313
- ThemeForest EVENT Conference and Event HTML5 CSS3 Template 18429995
- ThemeForest History- Museum & Exhibition HTML Template 18311363
- ThemeForest Pool Services HTML Template 18190674
- ThemeForest Nexus Responsive Admin Template 18440356
- ThemeForest Duric One Page PSD Template 18445677
- ThemeForest Car Repair And Maintenance Template 18397944
- ThemeForest coolelo Responsive Email Template Minimal Portfolio 18415367