Drawers
General
Drawers are used for the main navigation, search, cart, collection filtering, and product pages. They help provide an intuitive way for customers to interact with your store.
Color Scheme
Select the color scheme for all drawers. This ensures consistency in design across the different drawer use cases.
Drawer Appearance
- Default Drawer: Opens from the side of the page and is positioned directly on the edge of the browser window.
- Pop-Up Drawer: Also opens from the side of the page but is slightly offset from the browser's edge, creating a floating effect.
Pop-Up Drawer
Drawer settings
Overlay Opacity
When a drawer is open, an overlay covers the rest of the page. Use this setting to adjust the opacity of the overlay, controlling how dark the background appears.
Overlay Blur
This setting lets you define how blurred the objects behind the overlay appear, allowing you to control the focus on the drawer and reduce distractions from the background.