Skip to main content Skip to search Skip to main navigation
Diese Seite ist auch auf Deutsch verfügbar.
inventivo | Full-Service Webdesign Agentur

Sidebar Offcanvas – Category Navigation for Tablet & Mobile

Rating: no rating ( write a review )
Downloads: <10

Description

Highlights

  • More room for products: Sidebar becomes offcanvas panel on tablets
  • No Twig overrides: Fully compatible with all themes and plugins
  • Fully customizable: Button colors, text and alignment configurable
  • Targeted: Only category sidebars are converted, filters stay untouched
  • Multi-language: Admin configuration in DE, EN, ES, FR, NL

Features

  • Category sidebar automatically becomes offcanvas panel on tablets
  • Configurable breakpoint (default: 991px / Bootstrap lg)
  • Configurable button label
  • Configurable button background color
  • Configurable text and icon color
  • Configurable alignment: left, center, right
  • Automatically detects only sidebars containing category navigation
  • Filter sidebars and other content remain untouched
  • Desktop layout remains completely unchanged
  • Offcanvas opens from the left using Bootstrap 5 Offcanvas component
  • Purely JavaScript-based – no Twig overrides, no theme conflicts
  • Responsive switch without page reload
  • Enable/disable via toggle in configuration
  • Admin configuration in 5 languages: DE, EN, ES, FR, NL
  • Pure app – no build process, no server, no external dependencies

About the Extension

Category Sidebar Done Right – More Space for Your Products

You know the problem: On tablet devices, Shopware's default sidebar layout stacks the entire category navigation above the product listing. Your customers have to scroll past the full navigation tree before they see a single product. That costs attention – and potentially conversions.

This app solves that elegantly: Below a configurable breakpoint, the sidebar is automatically moved into an offcanvas panel. A clean button opens the category navigation on demand – putting your products front and center.

How it works

The app automatically detects sidebar sections containing category navigation on your category pages. Below the configured breakpoint (default: 991px), the sidebar is hidden and replaced by a trigger button. One click opens the navigation as an offcanvas panel from the left – smooth, fast and without page reload.

On desktop devices, everything stays exactly as it is: the sidebar is displayed normally. The switch happens purely client-side with zero performance impact.

Why this app?

  • No Twig overrides: Purely JavaScript-based, fully compatible with all themes and plugins. No conflicts with your existing setup.
  • Targeted, not blanket: Only sidebar sections with category navigation are converted – filter sidebars and other content remain untouched.
  • Fully customizable: Button colors, text color, label and alignment – everything configurable in the admin, no code needed.

Requirements

  • Shopware 6.6 or 6.7
  • Category pages with sidebar layout (CMS sections of type "Sidebar")

Support

Need help or have a feature request? Feel free to ask me!

Details

  • Available: English, German, Dutch, French, Spanish
  • Latest update: 23 June 2026
  • Publication date: 2 July 2026
  • Version: 1.0.1
  • Category: Shopping Experiences

Resources

Reviews (0)

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

About the Extension Partner

inventivo | Full-Service Webdesign Agentur

inventivo | Full-Service Webdesign Agentur

Partner Status

  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Ø-Rating: 4.9

    Average rating of 4.9 out of 5 stars

  • Partner since: 2020
  • Extensions: 14

Support

  • Based in: Germany
  • Speaks: German, English, Spanish
  • Response time: Very quickly