xPanel is a brilliant sliding panel and sidebar widget space for WordPress themes. With xPanel, you possibly can current sidebar widgets and menu objects in additional consumer pleasant means on cellular and tablets. Only one click on and customers will have the ability to toggle sidebar content material in type of a sliding panel.
With xPanel, you possibly can convert an present sidebar into sliding panel or register a brand new sidebar. The plugin means that you can management viewport width on which panel shall be displayed. i.e. you need to use it for any width from giant shows to small mobiles. Give your website a brand new enchantment and enhanced contact with this fashionable sliding sidebar. It really works with virtually all themes on the market and you’ll discover it a really great tool in your plugin assortment.
Try the demos
Necessary: Please verify the demo on Cell or by resizing the browser window to cellular width.
Options intimately
- Contact and slide sidebar panel utilizing CSS3 animation
- Convert present sidebar container into slide panel
- Select from present widget areas or register a brand new widget space for slide panel
- Helps left or proper panel place
- Helps two panel transition choices (off canvas or overlay)
- 2 Panel toggle button types (icon solely at high, or icon with bar at backside)
- Conceal panel on selective pages, posts and archives – New
- Customized textual content for toggle button
- Consumer outlined customized viewport width for panel show
- Accordion like collapsible menu objects (You may allow or disable this function from plugin settings)
- Clean CSS3 animations
- Materials Design icon library included
- Works with virtually any free or premium themes
- Suitable on all main browsers (IE 9 or above)
- Translation prepared
- Helps languages with RTL structure
- Step-by-step documentation information for plugin setup and configuration
- Skilled assist on time
The way it works
After putting in and activating xPanel, you possibly can present a slide panel by both selecting a widget space, or by changing a widget container of entrance finish into slide panel. Under are some use instances that can assist you perceive how xPanel will be of nice use:
Use case #1: Say you have got a sidebar in your theme’s entrance finish. This sidebar incorporates essential widgets and call varieties which fits too down on cellular gadgets. It’s possible you’ll want to point out these in slide panel for cellular customers. On this case, xPanel will provide help to changing this present sidebar container right into a sliding sidebar. You solely want to offer the sidebar container selector in plugin settings. For instance, #sidebar.
Use case #2: Say you might be operating an ecommerce website utilizing WordPress. You could be having many filters for merchandise, together with value vary, cart, attribute filters, and so forth. On cellular gadgets you’d need to present these filters in additional accessible method for customers. In such situation, you need to use xPanel for changing the store sidebar right into a cool “Filters” like bar on cellular.
Use case #3: Although most themes at this time assist responsive menus, in some instances you’d need to present a collapsible menu for customers on cellular. xPanel has in-built possibility for changing checklist objects into collapsible accordion like menu. Utilizing this function, you possibly can present a effectively structured collapsible menu utilizing “customized menu” widget and xPanel in your cellular customers.
These are just a few examples by which xPanel can be utilized effectively. You may present customized content material, ads, varieties, and virtually something utilizing widgets into this facet panel.
Plugin Help
All assist is offered through feedback part and e mail. For any questions associated to the plugin or common question, be happy to e mail me from my profile web page message field, or touch upon the merchandise feedback part. I might be glad to reply. Thanks for shopping the plugin.
Replace log
= Oct 05, 2019 - v1.4.0 =
* Added icon + textual content toggle button possibility
- See Settings > xPanel > Show > Toggle button fashion > Icon with textual content
* Added possibility for altering z-index of the panel
- See Settings > xPanel > Show > Panel z-index
* Added possibility for altering high place of the toggle button
- See Settings > xPanel > Show > Button high place
* Moved and Localized toggle button HTML from JS to php file
* Added filter 'xpanel_button_html' for modifying toggle button html output
= June 28, 2019 - v1.3.2 = * Mounted: Unstyled sidebar displaying at backside even when panel disabled for archives
= Could 04, 2019 - v1.3.1 = * Mounted: Panel not hiding when on weblog web page
= Dec 07, 2017 - v1.3.0 = * Added physique class "panel-active" when panel is open - Helpful for styling objective in themes * Added jQuery .on() click on occasion for panel set off button - Click on occasion works if the button is manipulated dynamically. For e.g. in sticky navbars
= Oct 23, 2017 - v1.2.0 = * Added distinctive prefix to the Settings API wrapper class to forestall battle with different plugins
= Nov 07, 2016 - v1.1.0 = * Added plugin possibility for disabling panel on pages, posts and classes * Stop loading of plugin scripts on pages on which panel is disabled
Credit
jQuery library (as shipped with WordPress)
Material Design Icons
Settings API Wrapper
