← All modules

Magento 2 module

Catalog Filter Off Canvas

Moves the layered navigation filters into a slide-in panel that opens from a "Filters" button in the product list toolbar.

StorefrontAdminLayered navigationCatalog

On category and search result pages the layered navigation filters usually take up a sidebar column. This module moves the filters into an off-canvas panel instead: shoppers open it with a “Filters” button above the product list, choose their filters and close it again. The product list gets the full page width, which is especially helpful on mobile devices and in shops with many filters.

Features

  • A “Filters” button is added to the top toolbar of the product list on category pages and search result pages.
  • The button shows the number of currently applied filters.
  • Clicking the button slides the filter sidebar in as a panel with a background overlay.
  • The panel can slide in from the left, right, top or bottom of the screen.

Configuration

Go to Stores > Configuration > Infrangible Solutions > Catalog Filter Off Canvas > General and choose the “Direction” from which the panel slides in: Left (default), Right, Top or Bottom. The setting can be changed per website and store view.

Good to know

The module is built for the standard Magento frontend (Luma and Luma-based themes). There is no released companion module for the Hyvä theme.

Installation

Install the module with Composer in your Magento root directory:

composer require infrangible/m2-catalog-filter-off-canvas

Then enable it and update the store as described in the installation guide. Composer installs the required modules listed on this page automatically.

Builds on

Composer installs these modules together with Catalog Filter Off Canvas.