OffCanvas / Drawer

Description

OffCanvas is a sidebar drawer that can be toggled via a button to appear from the left, right, or bottom edge of the viewport.

Demos

Features

  • Position: Set OffCanvas position(left, right, top and bottom).
  • Button Style: Apply button align, typography and colors(text and background).
  • Popup Style: Add background property such as color, gradient or image.
  • Popup Header Style: Apply header title typography and color. Also, color in the close icon.
  • InnerBlocks: InnerBlocks in the popup area for custom content as per your requirements.
  • Library Use: Bootstrap, React Bootstrap.

How to use

  • First, install the OffCanvas Block plugin
  • Add the OffCanvas Block from the block category called “Widgets” in the Gutenberg editor.
  • You can change block settings from the right-side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab

Feedback

⭐ Check out the Parent Plugin of this plugin-

🔥 b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Play .mp3, .wav, and .ogg audio files in WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 Document Embedder – Embed Word, Excel, PowerPoint, Apple Pages, Psd, Pdf and more.

🔥 3D Viewer – Display interactive 3D models on the webs.

🔥 Advanced Post Block – Display your Posts, Custom Post Content and Blogs in a professional way!

Screenshots

  • Settings
  • OffCanvas Right
  • OffCanvas Bottom

Blocks

This plugin provides 1 block.

  • OffCanvas Display content box from the left, right, or bottom edge of the viewport

Installation

From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For OffCanvas Block
  3. Click on the OffCanvas Block to add the block

Download & Upload:

  1. Download the OffCanvas Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the offcanvas-block.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

  1. Download and upload the OffCanvas Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

FAQ

Is OffCanvas Block free?

Yes, OffCanvas Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here

Reviews

There are no reviews for this plugin.

Contributors & Developers

“OffCanvas / Drawer” is open source software. The following people have contributed to this plugin.

Contributors

Translate “OffCanvas / Drawer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial Release