# Wie setzt man einen offcanvas-Bereich um?
**URL:** https://forum.shopware.com/t/wie-setzt-man-einen-offcanvas-bereich-um/97564
**Category:** Shopware 6 (German)
**Tags:** programming, templates--design, themes--design
**Created:** [13. Dezember 2022 um 11:06 UTC](https://forum.shopware.com/t/wie-setzt-man-einen-offcanvas-bereich-um/97564 "2022-12-13T11:06:08Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@LutzW](https://forum.shopware.com/u/LutzW)
#### Post date: [13. Dezember 2022 um 11:06 UTC](https://forum.shopware.com/t/wie-setzt-man-einen-offcanvas-bereich-um/97564/1 "2022-12-13T11:06:08Z")
Hallo zusammen,
ich bin derzeit auf der Suche nach einer Lösung um einen eigenen offcanvas-Bereich umzusetzen. Im genaueren, soll sich auf das Klicken des Suchicons ein offcanvas-Bereich von der Seite öffnen (Wie beim Klicken auf das Warenkorbicon), in welcher später nach Produkten gesucht werden kann.
Wenn ich im Template „ **data-offcanvas-cart=„true“** “ hinzufüge, öffnet sich beim Klicken auf das Suchicon der Warenkorbbereich. Wie wäre die Vorgehensweise ein eigenen offcanvas-Bereich zu definieren (Bsp. data-offcanvas-search=„true“).
Ich habe in den Docs diesbezüglich leider nichts gefunden oder übersehen. Wäre daher für jede Hilfe dankbar 🙂
Viele Grüße
Lutz
---
### Author:  [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)
#### Post date: [13. Dezember 2022 um 17:05 UTC](https://forum.shopware.com/t/wie-setzt-man-einen-offcanvas-bereich-um/97564/2 "2022-12-13T17:05:57Z")
> [@LutzW](#):
>
> data-offcanvas-cart=„true“
Sagt ja schon aus, dass es der cart offcanvas ist. Du musst in den Templates einen zusätzlichen offcanvas hinzufügen. Schau dir einfach an, wie das HTML-Gerüst von cart ist und baue es nach. Orientiere dich aber ggf. besser an der mobilen Navigation.