XPanel - Smart Sliding Panel And Sidebar Widget Area For WordPress Themes

xPanel – Smart Sliding Panel and Sidebar Widget Area for WordPress Themes

With xPanel, you may convert an present sidebar into sliding panel or register a brand new sidebar. The plugin lets you management viewport width on which panel shall be displayed. i.e. you should use it for any width from giant shows to small mobiles. Give your website a brand new attraction and enhanced contact with this trendy sliding sidebar. It works with virtually all themes on the market and you’ll discover it a really useful gizmo in your plugin assortment.

Check out the demos

Important: Please test the demo on Mobile or by resizing the browser window to cell width.

Features intimately

Touch and slide sidebar panel utilizing CSS3 animation
Convert present sidebar container into slide panel
Choose from present widget areas or register a brand new widget space for slide panel
Supports left or proper panel place
Supports two panel transition choices (off canvas or overlay)
2 Panel toggle button kinds (icon solely at high, or icon with bar at backside)
Hide panel on selective pages, posts and archives – New
Custom textual content for toggle button
User outlined customized viewport width for panel show
Accordion like collapsible menu objects (You can allow or disable this function from plugin settings)
Smooth CSS3 animations
Material Design icon library included
Works with virtually any free or premium themes
Compatible on all main browsers (IE 9 or above)
Translation prepared
Supports languages with RTL structure
Step by step documentation information for plugin setup and configuration
Professional assist on time

How it really works

After putting in and activating xPanel, you may present a slide panel by both selecting a widget space, or by changing a widget container of entrance finish into slide panel. Below are some use circumstances that can assist you perceive how xPanel could be of nice use:

Use case #1: Say you have got a sidebar in your theme’s entrance finish. This sidebar comprises essential widgets and contact varieties which works too down on cell gadgets. You might have to point out these in slide panel for cell customers. In this case, xPanel will make it easier 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’re working an ecommerce website utilizing WordPress. You may be having many filters for merchandise, together with value vary, cart, attribute filters, and many others. On cell gadgets you’ll wish to present these filters in additional accessible method for customers. In such situation, you should use xPanel for changing the store sidebar right into a cool “Filters” like bar on cell.

Use case #3: Though most themes at this time assist responsive menus, in some circumstances you’ll wish to present a collapsible menu for customers on cell. xPanel has inbuilt possibility for changing record objects into collapsible accordion like menu. Using this function, you may present a properly structured collapsible menu utilizing “customized menu” widget and xPanel for your cell customers.

These are just a few examples through which xPanel can be utilized effectively. You can present customized content material, ads, varieties, and virtually something utilizing widgets into this facet panel.

Plugin Support

All assist is supplied by way of feedback part and e-mail. For any questions associated to the plugin or basic question, be at liberty to e-mail me from my profile web page message field, or touch upon the merchandise feedback part. I’d be glad to reply. Thank you for looking the plugin.

Update log

 = Oct 05, 2019 - v1.4.0 =
* Added icon + textual content toggle button possibility
    - See Settings > xPanel > Display > Toggle button model > Icon with textual content
* Added possibility for altering z-index of the panel
    - See Settings > xPanel > Display > Panel z-index
* Added possibility for altering high place of the toggle button
    - See Settings > xPanel > Display > 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 =
* Fixed: Unstyled sidebar exhibiting at backside even when panel disabled for archives

 = May 04, 2019 - v1.3.1 =
* Fixed: Panel not hiding when on weblog web page

 = Dec 07, 2017 - v1.3.0 =
* Added physique class "panel-energetic" when panel is open
  - Useful for styling goal in themes
* Added jQuery .on() click on occasion for panel set off button
  - Click 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 stop battle with different plugins

= Nov 07, 2016 - v1.1.0 =
* Added plugin possibility for disabling panel on pages, posts and classes
* Prevent loading of plugin scripts on pages on which panel is disabled