Promo Drawer

Speed and your storefront

What Promo Drawer loads, when it loads, and what it deliberately does not do.

Apps are the usual reason a fast theme becomes a slow store. Here is exactly what this one costs.

What loads

Two files: a script and a stylesheet, about 17KB gzipped together. No jQuery, no carousel library, no icon font, no webfont — nothing beyond those two files reaches your storefront.

Both are deferred, so neither blocks the page from rendering. The drawer’s panel is built with the page but sits off-canvas until a shopper opens it.

What is enforced, not just intended

The size limit is a build failure, not a guideline. If a change pushes the widget past its budget the build stops and the change does not ship. A budget nobody enforces is a budget that quietly doubles over a year, which is how apps get their reputation.

What it never does

  • No request to us to render. Your drawer’s configuration is stored in your own shop’s metafield and read by your theme as the page is built. A shopper’s browser never contacts our servers to display a drawer, so our uptime cannot affect your storefront.
  • No layout shift. The drawer is fixed-position and does not push your content around as it loads.
  • No video until asked. A video card shows a poster image. The player — and the first request to YouTube or Vimeo — happens only when a shopper taps play.
  • No cookies, on any storefront, ever.
  • No work when there is nothing to show. If no drawer matches the page, the markup, the script and the stylesheet are all absent. Not hidden — absent.

It cannot break your theme’s styling

The drawer renders inside a shadow root. Your theme’s CSS cannot reach into it, and its CSS cannot leak out onto your store — which is the failure mode of widgets built with ordinary class names on a theme they have never seen.

The one thing that does cross the boundary is your font, deliberately, so the drawer reads as part of your store rather than as something bolted onto it.

Accessibility

On every plan, including free, and never a paid feature:

  • Operable by keyboard, with a visible focus ring.
  • Focus moves into the drawer when it opens, is kept inside while it is open, and returns to the button when it closes.
  • Real buttons and links, so a screen reader announces them as what they are.
  • Honors prefers-reduced-motion.
  • Alt text on images is required rather than optional.