Seventh > Modals

Modals

The Modals section lets you show overlay cards globally across your storefront. Each block is a modal card: regular modals (can be used for a wide range of purposes), age verification, and exit intent.

What it does

This section displays:

  • One or more modal blocks rendered as overlays
  • Flexible content inside each modal using theme/app blocks
  • Timing, frequency, and visibility controls (depending on modal type)
  • Card media and card style options for modal layouts

General-purpose popup modal for promotions, newsletter signup, announcements, and similar content.

Content blocks

  • Supports all theme and app blocks
  • Common setup: heading, text, button, newsletter form, icons, and grouped content

Media and layout

  • Image and Video
  • Minimum media aspect ratio
  • Media position (desktop): left, right, or no image
  • Media position (mobile): top, bottom, or no image
  • Modal card width: small, medium, or large

Visibility

  • Visibility: all pages, homepage only, all product pages, all collection pages, cart, or all except homepage
  • Selected collections: limit display to specific collections
  • Selected products: limit display to specific products

Functionality

  • Show after: delay in seconds
  • Show after scroll: trigger by scroll progress
  • Scroll position: percentage where modal appears
  • Frequency: day, week, or once

Card style

  • Text alignment
  • Inner blocks spacing
  • Padding
  • Add padding to media
  • Border radius
  • Color scheme

Age verification modal

Age-gate overlay intended for legal/age checks before browsing.

Content blocks

  • Supports all theme and app blocks
  • Includes a static close/confirm control block

Media and style

  • Uses the same media/layout and card style settings as the regular modal card

Functionality

  • Opens as an age verification type modal
  • Configured to repeat monthly
  • In live storefront mode it is configured to show immediately

Exit intent modal

Popup triggered for users who are about to leave the site.

Content blocks

  • Supports all theme and app blocks

Media and style

  • Uses the same media/layout and card style settings as the regular modal card

Functionality

  • Uses exit intent modal behavior
  • Frequency: day, week, or once
  • Includes a standard close button

Tips for success

  • Use one primary message per modal (headline, short text, one main action).
  • Avoid stacking too many modals at once in the same overlay group.
  • If you need page targeting, use the regular Modal card visibility settings.

Common use cases

  • Age check gate before entering the storefront.
  • Exit intent newsletter signup with incentive copy.
  • Timed promotional modal with a CTA button.

Troubleshooting

  • If a modal does not appear, verify block-level visibility and trigger settings.
  • If it appears too often, reduce frequency (for example to once  ).
  • If layout feels crowded, lower inner spacing and simplify block content.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.