Drawers and popups
Drawers (cart, menu, discovery, filters) and popups (quick view, size guide) share one look, set in Theme settings > Drawers & popups.
How to set it up
Step 1: Set the overlay
- Go to Theme settings > Drawers & popups.
- Set the overlay Opacity and turn on Background blur to blur the page behind an open drawer.
Step 2: Style the close button
- Turn on the close button animation and border, and Show close cursor outside drawers and popups to show a close cursor over the page.
Step 3: Add a shadow
- Under Shadow, turn on the drawer shadow and set its opacity and offsets.
Settings reference
Drawers & popups
| Close button animation | Turns this on or off. |
|---|---|
| Close button border | Turns this on or off. |
| Show close cursor outside drawers and popups | Turns this on or off. |
| Opacity | Slider. |
| Background blur | Blurs the page behind open drawers and pop-ups. |
| Shadow | |
| Enable | Turns this on or off. |
| Opacity | Slider. |
| Horizontal offset | Slider. |
| Vertical offset | Slider. |