Pop-up
Supported blocks
@theme
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Accessible name | aria_label | text | Pop-up | Read by screen readers when the pop-up opens. |
| Open automatically | auto_open | checkbox | true | |
| Open delay | delay | range | 3 | |
| Show only once per session | once | checkbox | true | |
| Size | size | select | md | |
| Radius | radius | select | rounded-md | |
| Background | bg | color_background | #ffffff | Supports solid or gradient colors. |
| Panel class | class | text | Tailwind utilities for this panel. Space separated, e.g. mt-2 mb-4 px-6. Spacing scale: 0-10 plus 15 and 20 (1 = 0.25rem = 4px); responsive with md: / lg:, e.g. lg:px-20 lg:mt-10. |
Option values
- Size (
size): Small (sm), Medium (md), Large (lg), Extra large (xl) - Radius (
radius): Square (rounded-none), Rounded small (rounded-md), Rounded large (rounded-2xl), Pill (rounded-full)
Presets
- Pop-up
💡 Edit via Shopify Admin → Online Store → Themes → Customize.