Offcanvas

What is this?

The offcanvas position is a module position and responsive menu that is hidden off the page (either to the left or the right) and is displayed on the page when the user clicks on the offcanvas trigger button.

The Ascetn2 demo uses an instance of the Zentools2 module to display the content rendered in the offcanvas.

offcanvas

Offcanvas Trigger

offcanvas

Steps to recreate this module

Module Manager

  1. Navigate to the module manager in your Joomla administrator via extensions > Module Manager
  2. Click new
  3. Select the zentools2 type module
  4. Give the module a name that you will remember eg like offcanvas
  5. Set the module title to hide
  6. Assign the module to a module position (offcanvas).
  7. Ensure the module is published

Module settings

Options

  1. Select the filter layout
  2. Select your content source eg Joomla
  3. Set your layout tags eg image, title, introtext, readmore

Layout settings

Image settings. Image settings Title Settings title settings Introtext Settings Introtext settingsoffcanvas

  1. Set your desired module settings eg slide duration etc

Module Options

Content

  1. Go to the content panel
  2. Adjust the content settings so that the module shows the correct content

Module Content

Save the module

  1. Click the save button in the top left of the page.